备忘录-文件流下载-axios

最新推荐文章于 2025-11-27 12:57:01 发布

原创最新推荐文章于 2025-11-27 12:57:01 发布 · 120 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript

本文介绍如何利用axios进行文件流下载，通过设置responseType为'blob'，创建a标签并触发点击事件来实现文件的下载功能。文章详细展示了代码实现过程。

备忘录-文件流下载-axios

  axios.post(_globalUrl+ data, {
  //   responseType: 'arraybuffer' //请求格式可能不一样
  responseType: 'blob'
})
.then(msg => { 
  let a = document.createElement('a')
  // 表示一个指定的file对象或Blob对象
  let url = window.URL.createObjectURL(msg.data) 
  document.body.appendChild(a)
  //   let fileName = msg.headers['content-disposition']
  //     .split(';')[1]
  //     .split('=')[1] // filename名称截取
  //     或者直接命名
  let fileName = ‘xx文件’+ formatDate(new Date(), 'yyyy-MM-dd hh:mm:ss')
  a.href = url
  a.download = fileName // 命名下载名称
  a.click() // 点击触发下载
  window.URL.revokeObjectURL(url)
})

//简单备忘