解决下载文件中文名称乱码问题
场景:在做下载文件功能时,发现下载的文件名称包含中文会出现乱码问题,查阅很多资料都没用解决,最后使用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对象
});
经测试可以解决问题。