如何觸發自動上傳，同時使用表格插件

Question

我的問題很簡單：我想盡快打開按鈕在filebrowser按下開始上傳所選圖像或選擇的多個影像

我的代碼

在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; 
    }); 
}); 

注：使用jQuery插件的形式通過malsup IM

---

方法嘗試，但未能

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