【导出】前端 js 导出下载文件时，文件名前后带下划线问题

目录

• 导出/下载文件操作
• 问题
• 原因
• 解决
• 解决后下载文件

导出/下载文件操作

• 主要实现是接口返回文件流（包括文件名），前端处理下载文件
• 参考这里 方法1 的代码 https://blog.csdn.net/m0_53562074/article/details/127364159

问题

导出文件

原因

后端接口返回的文件名解析出来带有引号，导致 a 标签中 download 属性值有双引号，从而导致文件名前后带有下划线

解决

在使用 a 标签下载文件时，将文件名中的引号去掉

/**
 * 将二进制的数据导出为 excel
 * @param {string} data 数据
 * @param contentType
 * @param {string} fileName 文件名称
 */
export function exportResponseData(data, contentType, fileName) {
  const downloadLink = window.document.createElement('a')
  downloadLink.href = window.URL.createObjectURL(new Blob([data], { type: contentType }))
  // downloadLink.download = fileName
  downloadLink.download = fileName.replace(/'"|"/g, '') // 【主要代码】去掉文件名中的引号
  document.body.appendChild(downloadLink)
  downloadLink.click()
  document.body.removeChild(downloadLink)
}

解决后下载文件

文件名正常