데이터 파일 버튼에 파일 업로드 버튼을 추가하십시오.

그래서 파일 브라우저 또는 파일 입력으로 작동하는 하나의 버튼을 만들고 파일을 선택한 후에 해당 파일을 양식에 제출합니다. 그리고이 버튼은 datatables에서 확장 된 것이므로 버튼을 만드는 것을 포함하여 자바 스크립트 만 만들려고했습니다.데이터 파일 버튼에 파일 업로드 버튼을 추가하십시오.

지금까지 나는 이미 그것을 수행하는 방법

어떤 생각 ... 심지어 내가 이미 폼 태그 안에 전체 테이블을 넣어 생각 ... 파일 입력으로 버튼 역할을 할 수 있지만 onchange를 제출 할 수 없습니다 ?

참고 : 내가 버튼을 만들 JQuery와 datatables를 사용하고는 ... 여기가 갱신

datatables button extension

new $.fn.dataTable.Buttons(table,{ 
    buttons: [ 
     { 
      text: '<i class="fa fa-upload"></i> Import File', 
      action: function(){ 
       var fileSelector = $('<input type="file" name="import_file" onchange="this.form.submit();">'); 
       fileSelector.click(); 
       return false; 
      } 
     } 
    ] 
});

무엇인지 여기 내 html로 stucture입니다 일부 참조입니다 ... 나는 laravel을 사용하여 폼이 블레이드 templating으로 생성되었지만 여전히 정상적인 형태이지만 보안 목적을위한 작은 토큰이 있습니다 ...

출처

2016-07-28 Laurensius Tony

입력 내용이 양식임을 나타냅니다. 상위 요소를 대상으로 지정해야합니다. 파일 입력 양식을

출처

2016-07-28 02:28:36 KaveElite

흠이다하지만하지 않는 것이 말 현재 귀하의

onchange="this.parentNode.form.submit();"

onchange="this.form.submit();"

에 : 부모 폼을 제외하고이 없으면에서 onchange를 이벤트를 변경 일...? –

양식과 관련하여 html이 어떻게 보이는지 붙여 넣을 수 있습니다. – KaveElite

당신은 DOM을 오히려 어지럽히는 방법에 대해 그냥 양식을 대상으로하기 위해 dom을 올릴 필요가 있습니다 – KaveElite

데이터 파일 버튼에 파일 업로드 버튼을 추가하십시오.

답변

관련 문제