Question

见下面的代码。有两个按钮。一个按钮用于选择图像，第二个按钮用于上载所选图像。因此，首先用户浏览图像，然后用户点击上传图像按钮进行上传。

如何将这两者结合在一起。因此，当用户浏览图像时，也会自动跟随上传。基本上不是两次点击，我希望只需点击一下即可实现。

<form name="picUp" method="post" id="pic_uploads" action="upload.php" enctype="multipart/form-data" class="well">
<label for="file">Your Picture:</label>
<input type="file" name="file" id="file"><br>
<input type="text" id="nickname" name="nickname" />
<input type="submit" name="submit" class="btn btn-success" value="Upload Image">
</form>

注意：我在这里使用bootstrap 3.0

Answer 1

最简单的方法是在文件输入中使用“onchange”属性： <input type="file" name="file" id="file" onchange="document.getElementById('pic_uploads').submit()">

Answer 2

使用on change事件

使用JQuery

<script type="text/javascript">
  $(function() {
     $("#file").change(function (){
       $("#pic_uploads").submit();
     });
  });
</script>

结合浏览图像并上传

2 个答案: