前言

今日在开发文件下载功能时，遇到文件名中文乱码问题，卡了几个小时才解决，特此记录下。

Java 代码

public static void download(HttpServletResponse response, InputStream is, String fileName) throws Exception {
        String encodedFileName =  URLEncoder.encode(fileName, "UTF-8");
        response.addHeader("Content-Disposition", "attachment;filename=" + encodedFileName);
        response.setContentType("application/octet-stream");
        FileUtils.saveFile(is, response.getOutputStream());
}

JS 代码

export const saveFile = (response, fileName = '') => {
    //获取文件名
    if (fileName === '') {
        fileName = response.headers["content-disposition"].split(";")[1].split("=")[1];
        // 转中文字符
        fileName = decodeURIComponent(fileName);
        console.log(fileName);
    }
    const blob = new Blob([response.data]);
    //创建一个a标签并设置href属性，之后模拟人为点击下载文件
    let link = document.createElement('a');
    link.href = window.URL.createObjectURL(blob);
    //设置下载文件名
    link.download = fileName;
    //模拟点击
    link.click();
    //释放资源并删除创建的a标签
    URL.revokeObjectURL(link.href);
}

效果

点击下载后，后端返回的文件名

前端拿到返回的文件名，经过解析，获取原来的中文文件名

若有不足，欢迎指出，开发之路，与君共勉！