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

Question

我有一个带有“ upload”按钮的图像上传html代码，因此，这些“ input”和“ submit”按钮都位于表单内。 因此，当用户单击输入时，它要求选择图像，选择后，用户需要单击上载按钮以将图像提交到表单url。

现在，我试图将图像提交到表单网址，而无需上传按钮的参与。 即，当用户单击输入字段以选择图像时，该图像应自动提交。

<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>

任何建议表示赞赏。

Answer 1

这将需要您使用纯Javascript方法工作

document.getElementById("uploadform").submit();

 function yourFunction(){ document.getElementById("uploadform").submit();// Form submission } 

 <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> 

Answer 2

您能否使用jQuery监听输入中的更改事件：

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