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. var uploadify_onUploadError = function(file, errorCode, errorMsg, errorString) {
  23. // 手工取消不弹出提示
  24. if (errorCode == SWFUpload.UPLOAD_ERROR.FILE_CANCELLED
  25. || errorCode == SWFUpload.UPLOAD_ERROR.UPLOAD_STOPPED) {
  26. return;
  27. }
  28. var msgText = "上传失败\n";
  29. switch (errorCode) {
  30. case SWFUpload.UPLOAD_ERROR.HTTP_ERROR:
  31. msgText += "HTTP 错误\n" + errorMsg;
  32. break;
  33. case SWFUpload.UPLOAD_ERROR.MISSING_UPLOAD_URL:
  34. msgText += "上传文件丢失,请重新上传";
  35. break;
  36. case SWFUpload.UPLOAD_ERROR.IO_ERROR:
  37. msgText += "IO错误";
  38. break;
  39. case SWFUpload.UPLOAD_ERROR.SECURITY_ERROR:
  40. msgText += "安全性错误\n" + errorMsg;
  41. break;
  42. case SWFUpload.UPLOAD_ERROR.UPLOAD_LIMIT_EXCEEDED:
  43. msgText += "每次最多上传 " + this.settings.uploadLimit + "个";
  44. break;
  45. case SWFUpload.UPLOAD_ERROR.UPLOAD_FAILED:
  46. msgText += errorMsg;
  47. break;
  48. case SWFUpload.UPLOAD_ERROR.SPECIFIED_FILE_ID_NOT_FOUND:
  49. msgText += "找不到指定文件,请重新操作";
  50. break;
  51. case SWFUpload.UPLOAD_ERROR.FILE_VALIDATION_FAILED:
  52. msgText += "参数错误";
  53. break;
  54. default:
  55. msgText += "文件:" + file.name + "\n错误码:" + errorCode + "\n"
  56. + errorMsg + "\n" + errorString;
  57. }
  58. alert(msgText);
  59. }
  60. return parameters;
  61. }
  62. var uploadify_onSelect = function(){
  63. };
  64. var uploadify_onUploadSuccess = function(file, data, response) {
  65. alert(file.name + "\n\n" + response + "\n\n" + data);
  66. };
  67. var uploadify_config = {
  68. ‘uploader‘ : ‘upload.php‘,
  69. ‘swf‘ : ‘/js/uploadify/uploadify.swf‘,
  70. ‘buttonImage‘ : ‘/images/uploadify-button.png‘,
  71. ‘cancelImg‘ : ‘/images/uploadify-cancel.png‘,
  72. ‘wmode‘ : ‘transparent‘,
  73. ‘removeTimeout‘ : 0,
  74. ‘width‘ : 80,
  75. ‘height‘ : 30,
  76. ‘multi‘ : false,
  77. ‘auto‘ : true,
  78. ‘buttonText‘ : ‘上传‘,
  79. ‘hideButton‘ : ‘true‘,
  80. ‘fileTypeExts‘ : ‘*.png;*.jpg;*.jpeg‘,
  81. ‘fileSizeLimit‘ : ‘1MB‘,
  82. ‘fileTypeDesc‘ : ‘Image Files‘,
  83. ‘formData‘ : {"action": "upload", "sid" : ""},
  84. ‘overrideEvents‘ : [ ‘onDialogClose‘, ‘onUploadSuccess‘, ‘onUploadError‘, ‘onSelectError‘ ],
  85. ‘onSelect‘ : uploadify_onSelect,
  86. ‘onSelectError‘ : uploadify_onSelectError,
  87. ‘onUploadError‘ : uploadify_onUploadError,
  88. ‘onUploadSuccess‘ : uploadify_onUploadSuccess
  89. };
  90. $("#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

时间: 2024-07-31 01:48:26

Uploadify自定义提示信息的相关文章

select2 如何自定义提示信息

select2使用 ; select2 placeholder ; select2 搜索框 ; select2 改造 最近项目中使用到了select2来美化和丰富下拉框的功能,这款插件功能丰富,使用简单,可以对已经生成的select标签进行改造,也可以对json数据直接生成下拉列表,包括一些检索功能,异步加载功能等,能够很大程度的满足视觉和交互的要求.是开发过程中不可多得的一款利器. 官方文档是英文文档且是以问答形式展示他的可配置项的,可能作者会觉得这样做比较有趣,但是对于渣渣英语的我来说,肯定

select2 如何自定义提示信息-布布扣-bubuko.com

最近项目中使用到了select2来美化和丰富下拉框的功能,这款插件功能丰富,使用简单,可以对已经生成的select标签进行改造,也可以对json数据直接生成下拉列表,包括一些检索功能,异步加载功能等,能够很大程度的满足视觉和交互的要求.是开发过程中不可多得的一款利器. 官方文档是英文文档且是以问答形式展示他的可配置项的,可能作者会觉得这样做比较有趣,但是对于渣渣英语的我来说,肯定是一种煎熬, 现在和大家分享一下在开发过程中的一些问题: 一.使用篇 1.根据官方文档的提示配置了placeholde

uploadify 自定义按钮样式

uploadify是一款不错的JQUERY上传插件,但是FLASH按钮的外挂往往跟我们网页的设计不太搭配.一开始我还试图反编译uploadify.swf来修改其外观,结果发现反编译为FLA后里面没有任何图片资源. 原来,这个按钮是用CSS绘制的.代码文件是uploadify.css. 打开这个文件后,你会看见CSS设置的按钮样式.OK,现在想修改就很简单了,不论你是写一段新的CSS还是替换成图片都可以的. 我懒省事,就直接用图片作为按钮背景了. 代码: .uploadify-button { b

[HTML/CSS]uploadify自定义按钮样式

概述 在项目中经常用到uploadify上传插件,但是FLASH按钮的外观往往跟我们网页的设计的主题色不太搭配.这时就需要对其样式进行修改. 样式文件是uploadify.css. 打开这个文件后,你会看见CSS设置的按钮样式. 1 .uploadify-button { 2 background-color: #505050; 3 background-image: linear-gradient(bottom, #505050 0%, #707070 100%); 4 background-

【转载】tp自定义提示信息页面

原文链接 [TP笔记]ThinkPHP自定义错误页面.成功页面及异常页面 2014/06/20 | ThinkPHP | 13 条评论 | (5评) | 看了前面分享的一篇<什么是真正的程序员?>,觉得自己离这个目标还差的很远,所以要抓紧朝着这个方向前进.作为一名PHP小码农,掌握一种框架是必须的.所以今天开始我们就从国产PHP框架 ThinkPHP 开始学起~ 为什么会选择 ThinkPHP 呢?首先,作为一款国产PHP框架,文档肯定比国外那些框架要丰富的多,而且容易看懂:其次,ThinkP

织梦搜索结果为空时输出自定义提示信息

打开 search.htm 搜索结果模板文件,把你的分页条标签,例如 {dede:pagelist listsize=4} 改成 {dede:pagelist listsize=4 runphp=yes} @me = (strpos(@me,'0条') ? "<p style='color:#f00;'>没有相关记录</p>" : @me); {/dede:pagelist} 原文地址:https://www.cnblogs.com/dedevip/p/9902

HTML输入验证提示信息

1.oninvali事件通过setCustomValidity方法来自定义提示信息 <form action=""> <label> 数字: <input type="text" pattern="^\d{11}$" oninvalid="setCustomValidity('请输入11位数字')"> </label> <input type="submit&qu

jquery.validate.js之自定义表单验证规则

1 <html> 2 <head> 3 <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 4 <script type="text/javascript" src="jquery-1.8.3.js"></script> 5 <script type="text/jav

jQuery Validate 表单验证插件----自定义校验结果样式

一.下载依赖包 网盘下载:https://yunpan.cn/cryvgGGAQ3DSW  访问密码 f224 二.引入依赖包 <script src="../../scripts/jquery-1.3.1.js" type="text/javascript"></script> <script src="lib/jquery.validate.js" type="text/javascript"