Question

所以基本上我有这个表单将图像上传到服务器。现在正在发生的事情是用户点击：<span><a href="#" id="snap">Photos</a></span> id＆＃34; snap＆＃34;它会弹出表单然后上传文件的常用内容就好了。

<form id="fileupload" action="upload_backend.php" method="POST" enctype="multipart/form-data" >
            <input type="file" name="files[]" accept="image/*" id="dir_photo">
        <button type="button" class="btn btn-danger delete">
             <span>Cancel</span>
        </button>
        <button type="submit" class="btn btn-primary start">
            <span>Start upload</span>
        </button>
    <textarea placeholder="Say something about these photo..."></textarea>

我想要做的是当用户点击id = snap时，文件浏览器窗口打开，用户从浏览窗口中选择文件后，上面的表单显示处理其余部分。

我使用以下代码打开了文件浏览窗口：

$('#snap').click(function(){ 
$('#dir_photo').trigger('click');
});

但问题是选择文件后表单没有打开。我怎样才能做到这一点？非常感谢任何帮助。

Answer 1

$('#dir_photo').change(function(e){
  $('#fileupload').fadeIn('slow');
//or if you want to submit instanly you can uncomment the following line too
      // e.target.form.submit();
});

从文件浏览器窗口中选择图像后弹出一个表单

1 个答案: