zoukankan      html  css  js  c++  java
  • Uploadify自定义提示信息

    Uploadify是一款基于Jquery的上传插件,用起来很方便。但上传过程中的提示语言为英文,这里整理下如何修改英文为中文提示。
    方法1:直接修改uploadify.js中的提示信息,将英文提示改成对应的中文。不过从软件设计的角度来说,直接修改原类库不是最好的解决方案,会影响到软件的升级。

    方法2:重写Uploadify事件
    'overrideEvents' : [ 'onDialogClose', 'onUploadError', 'onSelectError' ]
    当重写onDialogClose事件后,Uploadify的错误提示信息就都不会提示了。提示信息可直接自定义弹出。

    重写事件errorCode的定义在js库中都可以找到。也可以直接用this.queueData.errorMsg来改变提示信息

    [javascript] view plaincopy在CODE上查看代码片派生到我的代码片
     
    1. var uploadify_onSelectError = function(file, errorCode, errorMsg) {  
    2.         var msgText = "上传失败 ";  
    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 + " " + 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 = "上传失败 ";  
    30.         switch (errorCode) {  
    31.             case SWFUpload.UPLOAD_ERROR.HTTP_ERROR:  
    32.                 msgText += "HTTP 错误 " + 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 += "安全性错误 " + 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 + " 错误码:" + errorCode + " "  
    57.                         + errorMsg + " " + 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 + " " + response + " " + 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在CODE上查看代码片派生到我的代码片
     
    1. formData : {'<?php echo session_name();?>' : '<?php echo session_id();?>' }  


    官网说明地址:http://www.uploadify.com/documentation/uploadify/using-sessions-with-uploadif

  • 相关阅读:
    tomcat安装apr优化
    mysql配置主从同步
    hadoop分布式安装
    SSH端口转发详解及实例-转载
    Jmeter实现简单web负载测试
    使用Jmeter进行http接口测试
    Jmeter如何使用数据库返回值实践
    学习使用Jmeter做压力测试(一)--压力测试基本概念
    Jmeter建立一个扩展LDAP测试计划
    Jmeter服务器监控插件使用
  • 原文地址:https://www.cnblogs.com/zcm123/p/4772496.html
Copyright © 2011-2022 走看看