Javascript JQuery-提示输入文件，然后对其进行处理

所以我的目标是有一个按钮；当用户单击该按钮时，系统会提示用户输入一个文件，然后程序会对该文件执行某些操作。（可能通过要处理的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>

$（文档）.ready（函数（）
{
$（“#上载按钮”）。单击（函数（）{
$（“#文件上传”）。单击（）；
});
});
上载文件

这样，单击按钮会提示用户输入一个文件（如预期的），但我不知道如何插入代码，以便在用户选择文件后运行。如果我在

$（“#file_upload”）后面放了行。单击（），它将与用户上传同步运行

我意识到我显然可以再按一个按钮，但两个按钮似乎没有必要，而一个按钮就可以了
 您是否尝试过处理
文件上传
元素的
更改
事件？
  $('input[type=file]').change(function() { 
      //do something!
  });