добавьте кнопку загружаемого файла в кнопку datatables

Question

, поэтому я хочу просто сделать одну кнопку, которая будет действовать как файл-браузер или файл, и после того, как я выберу файл, он отправит эти файлы в форму. и я попытался создать его, будет только javascript, включая кнопку создания, так как эта кнопка является расширением из 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, поэтому форма создается с использованием шаблонов с лезвиями ... но она по-прежнему является нормальной формой, но с небольшим значком для целей безопасности ...

{{ Form::open(array('route' => array('admins.'.$kelas.'.importexcel'),'files' => true)) }} 
<table class="table table-striped table-hover" id="dataTables-example"> 
    <thead> 
    <tr> 
     // table heading 
    </tr> 
    </thead> 
    <tbody> 
     // table content 
    </tbody> 
</table> 
{{ Form::close() }} 

Answer 1

В этом заявлении вводится форма. Вам нужно настроить таргетинг на родительский элемент. Если не один из родителей в стороне от формы, изменить OnChange события из:

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

к:

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

В настоящее время Вашего высказывание, что входной файл форма