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