解决下载文件中文名称乱码问题

场景:在做下载文件功能时,发现下载的文件名称包含中文会出现乱码问题,查阅很多资料都没用解决,最后使用java.net.URLEncoder.encode对文件名称进行预处理解决该问题。

后端代码如下:

		Date date = new Date();
        SimpleDateFormat formatter = new SimpleDateFormat("yyyyMMddHHmmss");
        zipFileName = zipFileName + formatter.format(date) + ".zip";
        try {
            zipFileName = java.net.URLEncoder.encode(zipFileName, "UTF-8");
        } catch (UnsupportedEncodingException e) {
            e.printStackTrace();
        }

前端代码如下:

axios.post(url, formData, { // eslint-disable-line no-unused-vars
        responseType: "arraybuffer", headers: {
          "Content-Type": "application/json;charset=utf-8"
        },
      }).then(res => {// 处理返回的文件流
        let blob = new Blob(
            [res.data],
            {
              type: 'application/zip;charset=utf-8'
            });
        let downloadElement = document.createElement('a');
        let href = window.URL.createObjectURL(blob); //创建下载的链接
        downloadElement.href = href;
        downloadElement.download = decodeURI(res.headers.filename); //下载后文件名
        document.body.appendChild(downloadElement);
        downloadElement.click(); //点击下载
        document.body.removeChild(downloadElement); //下载完成移除元素
        window.URL.revokeObjectURL(href); //释放掉blob对象
      });

经测试可以解决问题。

posted @   昨夜风雨声  阅读(99)  评论(0编辑  收藏  举报  
相关博文:
阅读排行:
· 全程不用写代码,我用AI程序员写了一个飞机大战
· MongoDB 8.0这个新功能碉堡了,比商业数据库还牛
· 记一次.NET内存居高不下排查解决与启示
· DeepSeek 开源周回顾「GitHub 热点速览」
· 白话解读 Dapr 1.15:你的「微服务管家」又秀新绝活了
点击右上角即可分享
微信分享提示