javascript - 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!
  });