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

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 请求下载文件接口并下载)