只需单击一次即可上传文件

Question

我正在使用图标而不是常规上传输入+提交按钮。 我希望在选择文件后立即自动启动上传。 一旦用户选择了一个文件，但没有任何反应。

<form action="upload.php" method="POST" enctype="multipart/form-data">
  <input id="upload"  type="file" name="image"  style="display:none" value=/>
  <input name="wishid" type="hidden" value=/>
  <img id="upload_img" src="/images/upload.png">
</form>


<script type="text/javascript">
  $('#upload_img').click(function(){
  $('#upload').click();
 });
</script>

我需要添加什么来实现通过upload.php实际启动上传过程的jQuery代码？

Answer 1

看一下this description of how to replace input:file with image然后你可以使用下面的代码......

<script type="text/javascript">
  $('#upload_img').click(function(){
    $('form').submit();
 });
</script>