美文网首页
js 请求下载文件接口并下载

js 请求下载文件接口并下载

作者: 冰雪_666 | 来源:发表于2020-12-08 16:27 被阅读0次

1.用axios做接口请求。
2.URL.createObjectURL() 静态方法会创建一个 DOMString,其中包含一个表示参数中给出的对象的URL。这个 URL 的生命周期和创建它的窗口中的 document 绑定。这个新的URL 对象表示指定的 File 对象或 Blob 对象。

function downFile(url, params) {
  axios({
    method: 'get',
    url,
    params,
    responseType: 'arraybuffer'
  }).then(res => {
    let blob = new Blob([res.data], { type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet' })
    let objectUrl = URL.createObjectURL(blob)
    //创建a标签链接并点击 start
    let link = document.createElement('a')
    link.style.display = 'none';
    link.href = objectUrl
    if (params.filename) {
      link.download = `${params.filename}.xlsx`
    }
    document.body.appendChild(link);
    link.click();
     //创建a标签链接并点击 end
    document.body.removeChild(link)
    window.URL.revokeObjectURL(blob)
  })
}

相关文章

网友评论

      本文标题:js 请求下载文件接口并下载

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