Uploadify自訂提示資訊

標籤：

Uploadify是一款基於Jquery的上傳外掛程式，用起來很方便。但上傳過程中的提示言為英文，這裡整理下如何修改英文為中文提示。
方法1：直接修改uploadify.js中的提示資訊，將英文提示改成對應的中文。不過從軟體設計的角度來說，直接修改原類庫不是最好的解決方案，會影響到軟體的升級。

方法2：重寫Uploadify事件
‘overrideEvents‘ : [ ‘onDialogClose‘, ‘onUploadError‘, ‘onSelectError‘ ]
當重寫onDialogClose事件後，Uploadify的錯誤提示資訊就都不會提示了。提示資訊可直接自訂彈出。

重寫事件errorCode的定義在js庫中都可以找到。也可以直接用this.queueData.errorMsg來改變提示資訊

[javascript] view plaincopy 

1. var uploadify_onSelectError = function(file, errorCode, errorMsg) {  
2.         var msgText = "上傳失敗\n";  
3.         switch (errorCode) {  
4.             case SWFUpload.QUEUE_ERROR.QUEUE_LIMIT_EXCEEDED:  
5.                 //this.queueData.errorMsg = "每次最多上傳 " + this.settings.queueSizeLimit + "個檔案";  
6.                 msgText += "每次最多上傳 " + this.settings.queueSizeLimit + "個檔案";  
7.                 break;  
8.             case SWFUpload.QUEUE_ERROR.FILE_EXCEEDS_SIZE_LIMIT:  
9.                 msgText += "檔案大小超過限制( " + this.settings.fileSizeLimit + " )";  
10.                 break;  
11.             case SWFUpload.QUEUE_ERROR.ZERO_BYTE_FILE:  
12.                 msgText += "檔案大小為0";  
13.                 break;  
14.             case SWFUpload.QUEUE_ERROR.INVALID_FILETYPE:  
15.                 msgText += "檔案格式不正確，僅限 " + this.settings.fileTypeExts;  
16.                 break;  
17.             default:  
18.                 msgText += "錯誤碼：" + errorCode + "\n" + errorMsg;  
19.         }  
20.         alert(msgText);  
21.     };  
22.    
23. var uploadify_onUploadError = function(file, errorCode, errorMsg, errorString) {  
24.         // 手工取消不彈出提示  
25.         if (errorCode == SWFUpload.UPLOAD_ERROR.FILE_CANCELLED  
26.                 || errorCode == SWFUpload.UPLOAD_ERROR.UPLOAD_STOPPED) {  
27.             return;  
28.         }  
29.         var msgText = "上傳失敗\n";  
30.         switch (errorCode) {  
31.             case SWFUpload.UPLOAD_ERROR.HTTP_ERROR:  
32.                 msgText += "HTTP 錯誤\n" + errorMsg;  
33.                 break;  
34.             case SWFUpload.UPLOAD_ERROR.MISSING_UPLOAD_URL:  
35.                 msgText += "上傳檔案丟失，請重新上傳";  
36.                 break;  
37.             case SWFUpload.UPLOAD_ERROR.IO_ERROR:  
38.                 msgText += "IO錯誤";  
39.                 break;  
40.             case SWFUpload.UPLOAD_ERROR.SECURITY_ERROR:  
41.                 msgText += "安全性錯誤\n" + errorMsg;  
42.                 break;  
43.             case SWFUpload.UPLOAD_ERROR.UPLOAD_LIMIT_EXCEEDED:  
44.                 msgText += "每次最多上傳 " + this.settings.uploadLimit + "個";  
45.                 break;  
46.             case SWFUpload.UPLOAD_ERROR.UPLOAD_FAILED:  
47.                 msgText += errorMsg;  
48.                 break;  
49.             case SWFUpload.UPLOAD_ERROR.SPECIFIED_FILE_ID_NOT_FOUND:  
50.                 msgText += "找不到指定檔案，請重新操作";  
51.                 break;  
52.             case SWFUpload.UPLOAD_ERROR.FILE_VALIDATION_FAILED:  
53.                 msgText += "參數錯誤";  
54.                 break;  
55.             default:  
56.                 msgText += "檔案:" + file.name + "\n錯誤碼:" + errorCode + "\n"  
57.                         + errorMsg + "\n" + errorString;  
58.         }  
59.         alert(msgText);  
60.     }  
61.     return parameters;  
62. }  
63.    
64. var uploadify_onSelect = function(){  
65.    
66. };  
67.    
68. var uploadify_onUploadSuccess = function(file, data, response) {  
69.     alert(file.name + "\n\n" + response + "\n\n" + data);  
70. };  
71. var uploadify_config = {  
72.     ‘uploader‘ : ‘upload.php‘,  
73.     ‘swf‘ : ‘/js/uploadify/uploadify.swf‘,  
74.     ‘buttonImage‘ : ‘/images/uploadify-button.png‘,  
75.     ‘cancelImg‘ : ‘/images/uploadify-cancel.png‘,  
76.     ‘wmode‘ : ‘transparent‘,  
77.     ‘removeTimeout‘ : 0,  
78.     ‘width‘ : 80,  
79.     ‘height‘ : 30,  
80.     ‘multi‘ : false,  
81.     ‘auto‘ : true,  
82.     ‘buttonText‘ : ‘上傳‘,  
83.     ‘hideButton‘ : ‘true‘,  
84.     ‘fileTypeExts‘ : ‘*.png;*.jpg;*.jpeg‘,  
85.     ‘fileSizeLimit‘ : ‘1MB‘,  
86.     ‘fileTypeDesc‘ : ‘Image Files‘,  
87.     ‘formData‘ : {"action": "upload", "sid" : ""},  
88.     ‘overrideEvents‘ : [ ‘onDialogClose‘, ‘onUploadSuccess‘, ‘onUploadError‘, ‘onSelectError‘ ],  
89.     ‘onSelect‘ : uploadify_onSelect,  
90.     ‘onSelectError‘ : uploadify_onSelectError,  
91.     ‘onUploadError‘ : uploadify_onUploadError,  
92.     ‘onUploadSuccess‘ : uploadify_onUploadSuccess  
93. };  
94.    
95. $("#id").uploadify(uploadify_config);  

說明：由於FLASH的BUG導致在FF中上傳時擷取不到SESSION，可以使用formData來傳值，如：

[php] view plaincopy 

1. formData : {‘<?php echo session_name();?>‘ : ‘<?php echo session_id();?>‘ }  

官網說明地址：http://www.uploadify.com/documentation/uploadify/using-sessions-with-uploadif

Uploadify自訂提示資訊