通用的下载文件流为文件,并可重命名

171 阅读1分钟

适用于任何文件的,对文件流进行下载并可重命名。 需通过 mimeMap 进行相应文件的类型配置。

 * 下载文件流
 */
/**
 * 解析blob响应内容并下载
 * @param res blob响应内容
 * @param mimeType MIME类型
 */
export function downloadBlob(res, mimeType, customName) {
  console.log(mimeType)
  const mimeMap = {
    xlsx: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet'
  }
  const aLink = document.createElement('a')
  const blob = new Blob([res.data], { type: mimeMap[mimeType] })
  // //从response的headers中获取filename, 后端response.setHeader("Content-disposition", "attachment; filename=xxxx.xlsx") 设置的文件名;
  const contentDisposition = decodeURI(res.headers['content-disposition'])
  const result = contentDisposition.replace(/\s+/g, '').replace('filename=', '').split(';')
  let fileName = result[1]
  if (customName) {
    fileName = `${customName}.${mimeType}`
  }
  aLink.href = URL.createObjectURL(blob)
  aLink.setAttribute('download', fileName) // 设置下载文件名称
  document.body.appendChild(aLink)
  aLink.click()
  document.body.removeChild(aLink)
}