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

场景:在做下载文件功能时,发现下载的文件名称包含中文会出现乱码问题,查阅很多资料都没用解决,最后使用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 @ 2022-07-18 17:34  昨夜风雨声  阅读(91)  评论(0编辑  收藏  举报  来源