在“文件”类型的输入元素上触发 onchange 事件时提交

Question

我正在尝试使用类型为 file 的输入元素的 onchange 事件提交表单，但问题是即使选择了文件，也会提交一个空表单。

这是代码：

var form = document.createElement("form");
form.action="http://localhost:8084/upload/image";
form.method="post";
form.enctype ="multipart/form-data";
form.target="upload_target";

var input=document.createElement("input");
input.type="file";
input.accept="image/jpeg, image/gif, image/png";
input.onchange=function(ev){this.form.submit()};
form.appendChild(input);

单击提交按钮时表单正确提交，但在“文件输入”的 state 更改时不正确。

有没有办法实现我想要做的事情？

Answer 1

你有错误吗？

您有语法错误。 这一行：

input.onchange=function(ev){this.form.submit());

应该

input.onchange=function(ev){this.form.submit()};

另外，您使用的是什么浏览器，因为挂钩事件的技术不适用于所有浏览器（如非现代 IE :)）