vue接口请求下来的文件流解析

素人猕猴涛

已于 2022-12-06 17:24:25 修改

阅读量906

点赞数

分类专栏： vue基础文章标签： vue.js javascript 前端

于 2022-12-06 14:53:01 首次发布

本文链接：https://blog.csdn.net/qq_44052087/article/details/128203017

版权

vue基础专栏收录该内容

20 篇文章 0 订阅

订阅专栏

接口参考getData写

//接口里面必须传responseType和Content-Type
export function getData(url) {
  return request({
    url,
    method: 'get',
    responseType: 'blob', //传blob类型
    headers: {
      'Content-Type': 'multipart/form-data' //传form-data类型
    }
  })
}
//没有titName可以不指定，直接复制下面方法在请求完成调用就行
download (data,titName) {
  if(!data){
    return
  }
  const content = data
  const blob = new Blob([content], { type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet' })
  const fileName = titName?titName: ''
  if ('download' in document.createElement('a')) { // 非IE下载
    var downloadElement = document.createElement('a')
    var href = window.URL.createObjectURL(blob) // 创建下载的链接
    var reg = /^["](.*)["]$/g
    downloadElement.style.display = 'none'
    downloadElement.href = href
    downloadElement.download = decodeURI(filename.replace(reg, '$1')) // 下载后文件名
    document.body.appendChild(downloadElement)
    downloadElement.click() // 点击下载
    document.body.removeChild(downloadElement) // 下载完成移除元素
    window.URL.revokeObjectURL(href)
  } else { // IE10+下载
    navigator.msSaveBlob(blob, fileName)
  }
}