解决下载文件中文名称乱码问题
场景:在做下载文件功能时,发现下载的文件名称包含中文会出现乱码问题,查阅很多资料都没用解决,最后使用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对象
});
经测试可以解决问题。
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 全程不用写代码,我用AI程序员写了一个飞机大战
· MongoDB 8.0这个新功能碉堡了,比商业数据库还牛
· 记一次.NET内存居高不下排查解决与启示
· DeepSeek 开源周回顾「GitHub 热点速览」
· 白话解读 Dapr 1.15:你的「微服务管家」又秀新绝活了