表格继续提交更改

Question

我正在使用此代码自动提交表单

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

表单包含图像文件输入，选择图像后调用该函数，此函数创建一个插入的图像以显示如下：

document.getElementById("uploadImage").onchange = function() {
var oFile = document.getElementById("uploadImage").files[0];
if (document.getElementById("uploadImage").files.length === 0) {
return;
}
var img = document.createElement("img");
img.width = 200;
img.height = 200;
img.id = randomid;
img.src = "./upload/Images/" + oFile.name;//i want to point to the file uploaded
img.onload = function() {
document.getElementById(container).appendChild(img);
}
document.getElementById("form").submit();
};

上面的代码正在工作，但它会不断更新图像。有没有另一种方法来解决这个问题？

Answer 1

我相信你应该答应或类似的事情。 一旦你得到回应 下面的函数，那么只有你应该调用提交((。

img.onload = function() {
document.getElementById(container).appendChild(img);
}

也许这个链接会帮助你了解事件生命周期钩

子