大家好 這是我的代碼:HTML:<html> <body> <form enctype="multipart/form-data" method="post" name="image"> <input onchange="test();" type="file" accept="image/*" capture="camera" name="file" id="camera"> <input id="go" type="submit" value="Stash the file!" style="display: none;" /> </form> <div id="output"></div> </body> <script src="./script.js"></script></html>JS:var form = document.forms.namedItem("image");form.addEventListener('submit', function(ev) { var oOutput = document.getElementById("output"), oData = new FormData(document.forms.namedItem("image")); oData.append("CustomField", "This is some extra data"); var oReq = new XMLHttpRequest(); oReq.open("POST", "./upload.php", true); oReq.onload = function(oEvent) { if (oReq.status == 200) { oOutput.innerHTML = "Uploaded!"; } else { oOutput.innerHTML = "Error " + oReq.status + " occurred uploading your file.<br \/>"; } }; oReq.send(oData); ev.preventDefault();}, false);function test() { document.getElementById("go").click()}我的問題是它功能齊全,但有點……臟。我嘗試用 JS 提交表單document.forms.namedItem("image").submit();,但 EventListener 沒有捕獲它。我不想只是為了這個而將 JQuery 添加到我的項目中(對于那些使用 JQuery 有答案的人)。解決方案當然就在我眼前,但我找不到其他方法來做到這一點。預先感謝大家。
使用 js 和 triger 事件“提交”提交表單
婷婷同學_
2023-08-10 10:56:21