JQuery - 提示文件然後處理它

Question

所以我的目標是有一個按鈕;當用戶點擊按鈕時，系統會提示他們輸入文件，然後程序會對該文件執行某些操作。 （可能通過AJAX請求將其發送出去） 目前我有以下實現，帶有一個隱藏窗體和一個調用該窗體的按鈕。

<script> 
    $(document).ready(function() 
    { 
     $("#upload_button").click(function() { 
      $("#file_upload").click(); 
     }); 
    }); 
</script> 

<input type="file" style="display:none" id="file_upload" /> 
<button id="upload_button">Upload File</button> 

有了這個，點擊該按鈕會提示用戶輸入一個文件，如預期的，但我不知道如何插入代碼的用戶選擇了一個文件後運行。如果我在$("#file_upload").click();之後插入行，它將與用戶上傳同步運行。

我意識到我明顯可以放入第二個按鈕，但兩個按鈕似乎不必要，當一個人真的會做。

Answer 1

$('input[type=file]').change(function() { 
     //do something! 
    });