解决方法
我在我的项目中这样做:为每个文件添加上传和取消按钮
$('#TestForm').fileupload({ dataType : 'json',autoUpload : false,add : function(e,data) { var file=data.files[0]; var vOutput=""; vOutput+="<tr><td>"+file.name+"</td>" vOutput+="<td><input type='button' class='fileUpload' value='upload'></td>" vOutput+="<td><input type='button' class='fileCancel' value='cancel'></td></tr>" $("#TestTable").append(vOutput) $(".fileUpload").eq(-1).on("click",function(){ data.submit(); }) $(".fileCancel").eq(-1).on("click",function(){ $(this).parent().parent().remove() }) } })
$("#fileUploadAll").on("click",function() { $(".fileUpload").click(); // click all upload buttons }) $("#fileCancelAll").on("click",function() { $(".fileCancel").click(); //click all cancel buttons })
HTML:
<form id='TestForm'> <input type="file" id="FileSelect" name="files[]" data-url="yourURL.PHP" multiple/> <input type="button" value="upload all" id="fileUploadAll"/> <input type="button" value="cancel all" id="fileCancelAll"/> <table id='TestTable'></table> </form>