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.


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值