我可以自動提交文件上傳嗎？

Question

我想在沒有提交按鈕的情況下方便文件上傳。我設法隱藏文件上傳按鈕，但我不確定是否可以隱藏提交按鈕，並且在文件添加到表單時自動提交表單。可以做到嗎？

我的代碼是

<form id="inputForm" role="form" class="marg-left" action="/admin/import" method="post" enctype="multipart/form-data"> 

     <input id="upload" name="file" type="file"/><a href="" id="upload_link"><div class="navigation-button"> 
      <div class="navigation-header">Import</div> 
      <div class="navigation-desc">Import from tab-separated files on disk </div> 
     </div> </a> 
      <input id="submit" type="submit" value="Submit" /> 
     </form> 

CSS

#upload{ 
    display:none; 
} 

的Javascript

$(function(){ 
    $("#upload_link").on('click', function(e){ 
     e.preventDefault(); 
     $("#upload:hidden").trigger('click'); 
    }); 

Answer 1

你需要監聽change事件。

$("#upload:hidden").on('change', function(){ 
    $('#inputForm').submit(); 
}); 

Answer 2

可以使用提交表單以下的JQuery：

$('inputForm').submit() 

完整的答案可以在這裏找到：jQuery auto upload file

Answer 3

是它可以done.Try這樣的：

<input id="upload" name="file" type="file" onchange="this.form.submit();"/> 

Answer 4

$(function(){ 
    $("#upload_link").on('click', function(e){ 
     e.preventDefault(); 
     $("#upload:hidden").trigger('click'); 
    }); 
    $("#upload:hidden").on('change', function(e){ 
     e.preventDefault(); 
     //submit form 
     $('#inputForm').submit(); 
    }); 
}); 

Answer 5

試試這個：

document.getElementById("file").onchange = function() { 
    document.getElementById("form").submit(); 
}; 

Demo