最前端

我的工作,我的生活,点点滴滴...

标签 ‘ uploadify

jQuery uploadify中文按钮乱码的原因及解决方法

jQuery uploadify

uploadify是一款基于jQuery库的上传插件,但很可惜的是无论你怎么设置参数buttonText ,它的中文按钮都会出现乱码的情况,现把出现原因及解决方法总结如下:

原因:

出现乱码,很明显是在对字符编码和解码的时候出现问题了,打开该插件的脚本,发现源码是这样对按钮文字buttonText 进行编码的:
if (settings.buttonText) data.buttonText = escape(settings.buttonText);对编码方式了解的朋友,应该知道js中的escape()方法是采用ISO Latin字符集对指定的字符串进行编码的,很明显咱们的中文,包括日文,韩文(CJK)都不包括在ISO Latin字符集里面的。而且,该插件的解码方式应该用了unescpe()。这样不乱码才怪呢。

解决方法:

1.改变字符编码解码方式

既然知道乱码是编码解码的原因,最好的解决方法当然是更改编码解码方式了。encodeURI() 方法,可以把URI字符串采用UTF-8编码格式转化成escape格式的字符串,而且咱们的中文也属于UTF-8字符集里面的,再用decodeURI()进行解码。具体修改代码如下:

A. jquery.uploadify.js 中的
if (settings.buttonText) data.buttonText = escape(settings.buttonText);
改为:
if (settings.buttonText) data.buttonText = encodeURI(settings.buttonText);

B. uploadify.fla中的
browseBtn.empty.buttonText.text = unescape(param.buttonText);
改为:
browseBtn.empty.buttonText.text = decodeURI(param.buttonText);

2.使用参数buttonImg

显然buttonImg是有来设置图片按钮的,自己做的图片,上面写中文,英文就随便你了,没编码当然不会乱码了,不过这个方法,按钮显示会有点慢,还是比较推荐方法1.

修复中文按钮乱码的jQuery uploadify (1707)