Question

我的问题很简单：我想在文件浏览器中按下打开按钮后立即开始上传所选图像或多个选定图像

我的代码

html

<div class="add_photos" onClick="document.getElementById('hide_selector').click()">+</div> // the dummy and pretty file browser trigger 
<form id="add_photos_in_album">
<input type="file" id="hide_selector" style="display:none;" name="image[]" multiple> // the back end working trigger
</form>

JavaScript的：

$(document).ready(function () {
    var options = {
        url: 'my processor file',
        type: 'POST'
    };
    $('#add_photos_in_album').submit(function () {
        $(this).ajaxSubmit(options);
        return false;
    });
});

注意：我正在使用malsup的

方法尝试但失败了

1

$(document).ready(function () {
    var options = {
        url: 'my processor file',
        type: 'POST'
    };

$('#hide_selector').change(function() //detect change
{
  $('#add_photos_in_album').submit(function() 
  {   
   $(this).ajaxSubmit(options);return false; 
  }); 
});
});

Answer 1

您应该在change输入的hide_selector事件中发送文件，而不是在提交表单时发送 - 或者只是在值发生变化时触发表单提交

$("#hide_selector").change(function(){
    if($(this).val()!=""){
        $("#add_photos_in_album").submit();
    }
});

如何在使用表单插件时触发自动上传

1 个答案: