1、插件說明

在支持FormData的瀏覽器完全使用AJAX（即XMLHttpRequest）和input的files屬性共同完成上傳文件，否則就模擬表單提交來上傳文件。支持寫的文章和腳本現在看起來都比較稚嫩，現在重新整理、約束，更好的API和便捷使用方法。

插件名稱：jquery-upload。

2、插件使用

// 1、判斷瀏覽器支持特征 
// 是否支持HTML5的input的files對象，用于同時選擇上傳多張圖片 $.support.inputFiles; 
// 是否支持HTML5的FormData，用于AJAX提交 $.support.formData; 
// 2、默認參數 $.fn.upload.defaults = { 
// 提交地址 action: "", 
// 傳遞額外數據（鍵值對字符串） data: null, 
// 表單文件的name值 inputName: "file", 
// 文件最小容量（單位B，默認0） minSize: 0, 
// 文件最大容量（單位B，默認1M=1024KB=1024*1024B） maxSize: 1048576, 
// 文件類型（文件后綴） fileType: ["png", "jpg", "jpeg", "gif"], 
// 錯誤消息提示 errorMsg: { 
// 單文件上傳錯誤或失敗 singleError: "第{n}個文件上傳錯誤或失敗", 
// 多文件上傳錯誤或失敗 multiError: "上傳錯誤或失敗", 
// 單文件未選擇 singleNone: "尚未選擇第{n}個上傳文件", 
// 多文件未選擇 multiNone: "尚未選擇任何上傳文件", 
// 多文件列表為空 empty: "待上傳文件為空", 
// 單、多文件錯誤，{n}表示該文件的序號，開始序號為1 type: "第{n}個文件類型不符合要求", size: "第{n}個文件容量不符合要求" }, 
// 完成回調，無論成功還是失敗 oncomplete: emptyFn, // 成功回調 onsuccess: emptyFn, 
// 失敗回調 onerror: emptyFn, 
// 進度回調 onprogress: emptyFn }; 
// 3、上傳文件 $("#file").upload({ action: "upload.php" }); 
// 4、增加文件MIME配對關系 
// 添加單個 $.fn.upload.addTypeRelationship("text/html", "html"); 
// 添加多個 $.fn.upload.addTypeRelationship({ "text/html": "html", "text/xhtml": "xhtml" });

3、插件演示及下載

• 演示：http://festatic.aliapp.com/js/jquery-upload/

項目主頁：http://www.baiduhome.net/lib/view/home/1438960770067