在“文件”類型的輸入元素上觸發 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 :)）