美文网首页
axios处理请求返回流格式的文件

axios处理请求返回流格式的文件

作者: 辛巴达 | 来源:发表于2020-12-06 14:46 被阅读0次

流文件只需处理对格式即可

Axios({
  url: url,
  method: 'get',
  params: {},
  responseType: 'blob' // 改参数会以blob流格式返回
}).then((res) => {
  let blob = new Blob([res.data])
  let url = URL.createObjectURL(blob)
  // 下载该blob链接
  downloadFile(url, 'abc.text')
})

// 下载方法
function downloadFile (downUrl, fileName) {
  const aLinkUrl = document.createElementNS('http://www.w3.org/1999/xhtml', 'a')
  aLinkUrl.href = downUrl
  aLinkUrl.download = fileName
  const clickAlink = (obj) => { // 模拟点击
    const ev = document.createEvent('MouseEvents')
    ev.initMouseEvent('click', true, false, window, 0, 0, 0, 0, 0, false, false, false, false, 0, null)
    obj.dispatchEvent(ev)
  }
  clickAlink(aLinkUrl)
}

相关文章

  • axios处理请求返回流格式的文件

    流文件只需处理对格式即可

  • 关于http请求

    axios的post请求:1.formdata数据格式 2.json数据格式 axios的get请求:

  • axios请求流文件处理方法

    axios请求流文件处理方法 核心方法:objectURL= URL.createObjectURL(object...

  • post

    axios默认的请求格式是 application/jsonajax默认的请求格式是 application/x-...

  • 基于vue的axios的企业级封装

    整理一个基于axios请求封装 首先是request.js,这个文件是用来处理axios的配置、设置拦截器等等,它...

  • Axios跨域处理方案

    Ajax跨域问题使用jsonp处理 Axios跨域请求问题处理: 1、在config文件夹下的prod和dev的j...

  • Axios跨域处理方案

    Ajax跨域问题使用jsonp处理 Axios跨域请求问题处理: 1、在config文件夹下的prod和dev的j...

  • 2020-01-14

    (转载)Vue使用axios,设置axios请求格式为form-data 原文链接:https://www.jia...

  • axios浅谈

    axios处理http请求 axios使用起来非常方便,可以处理一下http请求 获取随机数 在后端未给出接口之前...

  • 前端Vue axios FormData上传图片相关问题

    1.Vue axios 默认是 Payload格式数据请求,后端全部接口都需要 Form Data的格式数据请求2...

网友评论

      本文标题:axios处理请求返回流格式的文件

      本文链接:https://www.haomeiwen.com/subject/ofpowktx.html