uploadify按钮中文乱码问题
uploadify是一款基于jQuery库的上传插件,但很可惜的是无论你怎么设置参数buttonText ,它的中文按钮都会出现乱码的情况,现把出现原因及解决方法总结如下。
那么出现这种的情况的原因是什么呢?
出现乱码,很明显是在对字符编码和解码的时候出现问题了,打开该插件的脚本,发现源码是这样对按钮文字buttonText 进行编码的:if
(settings.buttonText) { f.buttonText = escape(settings.buttonText)
}对编码方式了解的朋友,应该知道js中的escape()方法是采用ISO
Latin字符集对指定的字符串进行编码的,很明显咱们的中文,包括日文,韩文(CJK)都不包括在ISO
Latin字符集里面的。而且,该插件的解码方式应该用了unescpe()。这样不乱码才怪呢。
找到了问题后,我们需要找出解决方法:
既然知道乱码是编码解码的原因,最好的解决方法当然是更改编码解码方式了。encodeURI()
方法,可以把URI字符串采用UTF-8编码格式转化成escape格式的字符串,而且咱们的中文也属于UTF-8字符集里面的,再用
decodeURI()进行解码。具体修改代码如下:
A. jquery.uploadify.js 中的
if (settings.buttonText) { f.buttonText = escape(settings.buttonText) }
改为:
if (settings.buttonText) { f.buttonText = encodeURI(settings.buttonText) }
如果你有swf的源代码还需要把下面的文件也要更改
B. uploadify.fla中的(
browseBtn.empty.buttonText.text = unescape(param.buttonText);
改为:
browseBtn.empty.buttonText.text = decodeURI(param.buttonText);
如果没有则可以下载附件,然后把里面的swf替换条则可
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
· 基于Microsoft.Extensions.AI核心库实现RAG应用
· Linux系列:如何用heaptrack跟踪.NET程序的非托管内存泄露
· 开发者必知的日志记录最佳实践
· TypeScript + Deepseek 打造卜卦网站:技术与玄学的结合
· Manus的开源复刻OpenManus初探
· AI 智能体引爆开源社区「GitHub 热点速览」
· 从HTTP原因短语缺失研究HTTP/2和HTTP/3的设计差异
· 三行代码完成国际化适配,妙~啊~