添加上傳文件按鈕到數據表按鈕

Question

所以我想只做一個按鈕，充當文件瀏覽器或文件輸入和我選擇文件後它將提交這些文件到窗體中。我試圖創建它只會包括創建按鈕，因爲這個按鈕是數據表的擴展。

到目前爲止，我已經可以使按鈕充當文件輸入，但不能讓它提交平變化......甚至以爲我已經把整個表格的形式標記內...

任何想法，該怎麼辦呢？

注：我使用jQuery數據表所創建按鈕......這裏是一些參考它是什麼 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();" 

目前你說，文件輸入的形式