webuploader上传文件,中文文件名乱码

在php中使用webuploader来上传图片,前端显示“已上传”,但是在winserver服务器上一直没收到图片文件。
使用F12查看了上传完成后返回的结果,发现返回的是:
{“jsonrpc” : “2.0”, “error” : {“code”: 102, “message”: “Failed to open output stream.”}, “id” : “id”}
这是fileupload.php里fopen()执行失败后返回的。
刚开始以为是服务器目录写入权限的问题,结果登录服务器设置了好久都没效果。
后来发现我上传的图片文件名是中文的,“未命名.jpg”。突然想到是不是中文乱码,导致了fopen创建文件时路径错误,才报错的。于是改了文件名“a.jpg”,上传成功了,也在服务器上收到了这张图片。
那么,现在的问题就是文件名中文引起乱码,导致fopen创建文件失败,服务器上的文件无法保存。
如果你的项目规定,文件名不包含中文,那就没有什么问题了。
然后,我又查了下webuploader中文乱码的解决方法,发现下面这种方法,但是试了下,没有效果:
webuploader.js中

formData.append( opts.fileVal, blob.getSource(),opts.filename || owner._formData.name || '');

改成:

formData.append( opts.fileVal, blob.getSource(),encodeURI(opts.filename || owner._formData.name || '' ));

后来,找到了下面这个方法,终于能将文件名包含中文的图片上传到服务器了:

function unicode2utf8($str) {
    if (!$str) return $str;
    $decode = json_decode($str);
    if ($decode) return $decode;
    $str = '["' . $str . '"]';
    $decode = json_decode($str);
    if (count($decode) == 1) {
        return $decode[0];
    }
    return $str;
}
$fileName = unicode2utf8('"' . $fileName . '"');
$fileName = iconv("UTF-8", "GBK", $fileName); //防止fopen语句失效

但是,又有一个新问题了,echo fileName,在前端显示的是乱码。。。
最后,我想到这一切的问题其实都是由fopen引起的,就查了下php的fopen,发现创建中文文件名的文件确实有问题,原因在于服务器环境是windows,它的默认编码是ansi。所以fopen的文件路径有中文的话,需要使用GBK编码。
其实,上面那个方法,我只需要用到一句:

$fileName = iconv("UTF-8", "GBK", $fileName); 

因为我接收到的文件名本身就是utf-8的。
然后,在需要返回fileName给前端时,使用iconv( “GBK”,“UTF-8”, $fileName); ,将GBK再转为UTF-8就可以了。(因为一般网页我们都会设置编码为utf-8)

发布了13 篇原创文章 · 获赞 0 · 访问量 530

猜你喜欢

转载自blog.csdn.net/babdpfi/article/details/104395311
今日推荐