jquery多圖上傳的插件

Ⅰ 有哪些好用的 jQuery 圖片上傳插件

1、uploadify
它是針對jQuery的免費文件上傳插件，可以輕松將單個或多個文件上傳到網站上，可控制並發上傳的文件數，通過介面參數和CSS控制外觀。Web伺服器需支持flash和後端開發語言。

2、FancyUpload
它是一個由CSS和XHTML編寫樣式的Ajax文件上傳工具，安裝簡便，伺服器獨立，由MooTools模塊驅動，可以在任何現代瀏覽器上使用。

3、Aurigma Upload Suite(Image Uploader)
這是一個不限大小，不限格式的文件/圖片批量上傳工具，是收費控制項。它支持雲端存儲和客戶端文件處理，支持斷點續傳，穩定可靠。從8.0.8開始，Image Uploader將名稱改為"Aurigma Upload Suite"。

Ⅱ 多文件上傳,Jquery Upload插件，不知道怎麼刷新！

onQueueComplete//

你應該用上面這個函數；

你用的那個函數，是每個文件上傳結束以後都會執行的；而這個函數是隊列里所有文件都上傳完以後才執行。

Ⅲ jquery-file-upload插件的問題。修改data。

jquery非同步上傳，一般來說這里上傳調用的是系統專門上傳的action，上傳好後返回上傳文件信息。你這里result.files就是返回的上傳結果。這個需要你在後台自己封裝。你前端需要什麼，後台就封裝什麼。

比如我以前寫過一個

java">Map<String,Object>fileObject=newHashMap<String,Object>();
fileinfo.put("size",size);//原始文件大小
fileObject.put("original",original);//原始文件唯一標識
fileObject.put("originalPath",originalPath);//原始文件臨時存儲目錄
fileObject.put("thumb",thumb);//圖片的預覽文件唯一標識
fileObject.put("thumbPath",thumbPath);//圖片預覽文件臨時存儲目錄
fileObject.put("name",fileFileName);//原始圖片名稱
fileObject.put("url",url);//原始圖片的web查看地址,這個可以設置img.src屬性
fileObject.put("thumbnailUrl",thumbnailUrl);//預覽圖片的web查看地址
fileObject.put("contentType",fileContentType);//上傳文件type
fileObject.put("deleteType","POST");//這是我自己封裝的post刪除
//這個是我自己封裝的刪除路徑
fileObject.put("deleteUrl",super.getRequest().getContextPath()+"/removeUpload.do?id="+original);
Map[]fileArray=newHashMap[1];
fileArray[0]=fileObject;
JSONObjectjsonObject=newJSONObject();
jsonObject.put("files",JSONArray.fromObject(fileArray));
HttpServletResponseresponse=getResponse();
response.setContentType("application/json;charset=UTF-8");
response.getWriter().write(jsonObject.toString());
response.getWriter().flush();

而前斷可以將上傳文件的唯一標識放到一個隱藏域里，表單提交的時候一起提發送到後台，再根據唯一標識去取上傳文件信息或寫或復制轉移。

前斷fileuploaddone我是這么用的

on('fileuploaddone',function(e,data){
//上傳結果
$.each(data.result.files,function(index,file){
if(file.url){
varlink=$('<a>').attr('target','_blank').prop('href',file.url);
//這個是文件上傳後的展示區域，可以在fileuploadadd事件里構建
var$imgdiv=$(data.context.children()[index]);
var$link=$imgdiv.find("canvas").wrap(link);
$imgdiv.append($('<inputtype="hidden"name="imagefileid"/>').prop('value',file.original));
$imgdiv.append($('<inputtype="hidden"name="imagefilename"/>').prop('value',file.name));
}elseif(file.error){
varerror=$('<spanclass="text-danger"/>').text(file.error);
$(data.context.children()[index]).append(error);
}
});
})