选择文件后,如何自动提交上传表单?

2022-08-30 01:54:09

我有一个简单的文件上传表格。如何使其在选择文件时自动提交?我不希望用户必须单击“提交”按钮。


答案 1

在文件输入时,您只需调用表单的方法即可。submitonchange

document.getElementById("file").onchange = function() {
    document.getElementById("form").submit();
};

http://jsfiddle.net/cwvc4/73/


答案 2

只需告诉 -input 在任何更改时自动提交表单:file

<form action="http://example.com">
    <input type="file" onchange="form.submit()" />
</form>

此解决方案的工作原理如下:

  • onchange 使输入元素在修改时执行以下脚本value
  • 表单引用此输入元素所属的表单
  • submit() 使表单将所有数据发送到 URL,如action

此解决方案的优点:

  • 无需 s 即可工作。它使生活更轻松,如果你在一个html页面中有多个表单id
  • 原生javascript,不需要jQuery或类似的东西。
  • 代码位于 html 标记。如果您检查html,您将立即看到它的行为。