使用 link 自动提交表单（文件类型）

Question

我需要在用户点击 link 时提交文件。

HTML

<div style="display: none;">
   <form id="uploadimage" name="uploadimage" action="" method="post" enctype="multipart/form-data">
      <input type="file" id="image" name="image" accept="image/*">
      <input type="submit" class="btn-upload">
   </form>
</div>
<div>
   <a href="#" id="upload">Choose File</a>
</div>

JS

$("#upload").on('click', function(e){
    $("input[name=image]").trigger('click');
    e.preventDefault();
});

$("input[name=image]").change(function(){
    alert('Fire');
    ("#uploadimage").submit(function(){
        alert('In submit');
    });
});

单击 link 时，从 select 文件打开对话框，但未执行提交。

https://jsfiddle.net/qa73tgp7/

Answer 1

我想你要做的是在选择文件时提交表单，在这种情况下只需调用更改处理程序中表单元素的提交方法

$("#upload").on('click', function (e) {
    $("input[name=image]").trigger('click');
    e.preventDefault();
});

$("input[name=image]").change(function () {
    $("#uploadimage").submit();
});

$("#uploadimage").submit(function(){
    alert('submit')
});

注意：在 IE<10 中可能无法工作

使用 link 自动提交表单（文件类型）

Form submit (file type) automatic with a link

ajax

jquery

file

submit

hyperlink