Uploadify是个很好的上传文件组件,但用它来上传带有中文名字的文件时,乱码一个不小心就蹦了出来,最新版本Uploadify v3.2 在用的时候,我页面是GBK编码,想到后台接收的时候肯定会乱码,开始用new String(fileName.getBytes("GBK"),"utf-8");来进行转码(后台用java写的),开始我测试上传了几个中文名称的文件,很正常,但是客户那边用了后,反应文件上传了找不到,KB的开始调试了,把客户的文件拿过来做测试,妈了个咪了的居然出现乱码了,于是各种搜索,各种调试,没有见效,搜索结果里面没有找到新版本出现这一问题的解决办法,好吧,自己看看源码,或许有解决办法,想到可以给后台传参数,那为什么不能再选中文件的时候把文件名经过js的encodeURI方法进行编码后台再来接收,也就是通过定义uploadify的onSelecct(file)方法来得到文件名,因为onSelecct方法的file参数可以通过file.name来得到文件名,我把这个文件名进行编码后传给后台,后台通过 URLDecoder.decode(fileName, "UTF-8");来解码,应该是可以正常显示的,怎么把文件名传到后台去是个问题,看了下源码,里面看到有个addPostParam的方法,大喜,最后我在onSelecct(file)方法里面写上 this.addPostParam("file_name",encodeURI(file.name));后台调试一看,果然可以得到,进行解码后得到正常文件名,OK,问题解决,

附上完整代码:

$('#file_upload').uploadify({
 'formData'     : {
    'file_type' : "examples"
 },
 'swf'      : ‘jsupload/uploadify.swf'",
 'uploader' : "uploadfile.htm",
 'buttonText' : "案例上传",
 'width' : "80",
 'height' : "25",
 'sizeLimit' : "102400",
 'onSelect' : function(file) {  
        this.addPostParam("file_name",encodeURI(file.name));//改变文件名的编码
    },
 'onUploadSuccess' : function(file, data, response) {
       $('.examview').html(data);
  }
});

原文链接:http://www.ldisp.com/a/jquery/2014/2691.shtml

欢迎留言