vue 下载文件（后台返回为二进制流）

最新推荐文章于 2024-10-18 10:41:41 发布

吹笛子的猫

最新推荐文章于 2024-10-18 10:41:41 发布

阅读量2k

点赞数

本文链接：https://blog.csdn.net/weixin_44014451/article/details/107125702

版权

本文介绍在Vue中如何处理后台返回的二进制流并将其转化为可下载的文件，重点在于设置请求头responseType为'arraybuffer'，以及解析文件名和类型。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

将二进制流转换为需要的文件格式

    downloadContent(value, name) {
      const link = document.createElement('a')
      const blob = new Blob([value], { type: 'application/octet-stream' })
      const url = window.URL.createObjectURL(blob)
      link.href = url
      link.download = name + '.xlsx'
      link.click()
      window.URL.revokeObjectURL(url)
    },

需要在下载接口的请求头中加 responseType: ‘arraybuffer’，例：

async function getDownThreatFile(params) {
  const res = request({
    url: `firework/ioc/bath/export`,
    method: 'get',
    params,
    responseType: 'arraybuffer'
  })
  return res
}