Javascript 当选择文件时，如何进行图像上传输入以提交表单？

我有一个图片上传html代码，上面有一个按钮，上面写着“上传”，所以，这两个“输入”和“提交”按钮都在一个表单中。因此，当用户单击输入时，它要求选择一个图像，一旦选择，用户需要单击上载按钮将图像提交到表单url

现在，我正试图提交图像形成的网址，而不涉及上传按钮。i、 例如，当用户单击输入字段选择图像时，它应该自动提交

<form id="uploadform" target="upiframe" action="upload.php" method="post" enctype="multipart/form-data">
  <input type="file" name="fileToUpload" class="test" onchange="yourFunction()">
</form>

<iframe id="upiframe" name="upiframe" witdh="0px" height="0px" border="0" style="width:0; height:0; border:none;"></iframe>

<script>
function yourFunction() {
    var form = document.getElementById('uploadform');
    form.submit();
  // }); remove this
}
</script>

---

非常感谢您的任何建议。

您是否可以使用jQuery来侦听输入上的更改事件：

 $('#file').on('change', function() { $('#form').submit(); });

---

如果您需要使用纯Javascript方法，这将起作用

document.getElementByIduploadform.submit

功能你的功能{ document.getElementByIduploadform.submit；//表单提交 }

---

我刚试过用JS。。请检查有关问题的更新。。似乎它也不起作用..出现语法错误。当您尝试使用“$'file.”时，是否存在此问题？在“更改”上，函数{$'uploadform.submit；}；}；在表格下面。submit@coopwatts你能纠正它吗。我不知道怎么做？