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

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

我的代码

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>

注意：我正在使用malsup提供的jquery表单插件

---

方法尝试过但失败了

一,

---

您应该在

hide_selector

输入的

change

事件中发送文件，而不是在提交表单时发送，或者在值更改时触发表单提交

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

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

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