Javascript html输入文件在选择文件之前单击事件提交表单

我正在尝试实现上传文件，我想先调用文件输入来选择文件，选择文件后，再做表单提交。然而，在我的代码中，它将立即调用表单提交。我尝试过使用ajax，但没有成功。在用户选择文件后，我希望以任何方式进行表单提交。但似乎无法找到等待文件输入单击功能完成的方法（我的意思是直到用户选择了一个文件）

这是我的html：

 <input type="text" id="body" name="body" >
 <button type="submit"  id="sent_1" value="Send">Submit</button>         
 <input type="file" id="image_file" name="image" size="chars">
 <button  id="send_img_btn" value="image">Image</button></td>

编辑：也许我没有说清楚我的问题。问题是当

---

我点击按钮，它只是立即提交表单，而不是等待我选择的文件。我希望它等待我，直到我选择了文件，然后提交

在标签中插入属性

type=“button”

。默认情况下，

标记的作用类似于输入类型submit

<button type="button" id="send_img_btn">Image</button>

图像

在

标记中插入属性

type=“button”

。默认情况下，

标记的作用类似于输入类型submit

<button type="button" id="send_img_btn">Image</button>

图像

如果您希望在选择文件后立即提交表单，请使用该输入的更改事件

<form action="formActionUrl" name="myForm">
   <input type="file" name="myInput"/>
</form>

---

如果要在选择文件后立即提交表单，请使用该输入的更改事件

<form action="formActionUrl" name="myForm">
   <input type="file" name="myInput"/>
</form>

---

如果您打算在用户选择文件后立即提交表单，则使用输入的更改事件完成此操作。如果您打算在用户选择文件后立即提交表单，则使用输入的更改事件完成此操作