Question

我有这个图片上传HTML代码，上面有一个按钮，说'upload'，所以，这些'input'和'submit'按钮都在一个表单内。因此，当用户点击输入时，它会要求选择图像，一旦选中，用户需要点击上传按钮将图像提交到表单网址。

现在我尝试将图片提交到表单网址而不涉及上传按钮。即，当用户在输入字段中单击以选择图像时，它应自动提交。

<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();

＆＃13;

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

＆＃13;

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

＆＃13;

Answer 2

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

WebRequest.DefaultWebProxy

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

2 个答案: