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

Question

我正在尝试实现上传文件，我想先调用文件输入来选择文件，选择文件后，然后进行表单提交。但是在我的代码中，它将立即调用表单提交。我尝试过使用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>

这是我的 JavaScript：

    $('#send_img_btn').click(function(e){
          e.preventDefault();
    $('#image_file').click();
    $('#form').submit();
});

function imageClick(){
       $('#image_file').click();
}

function submit(){
       $('#form').submit();
}

编辑：也许我没有清楚地说出我的问题。问题是，当
我单击按钮时，它只是立即提交表单，而不等待我选择文件。我希望它等到我选择文件然后提交。

Answer 1

type="button"在标签中添加属性<button>。

默认情况下，<button>标签的作用类似于<input type="submit">内部<form>标签。

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