处理后端返回的文件地址转换进行下载

最新推荐文章于 2022-09-23 09:09:45 发布

抠脚小弟

最新推荐文章于 2022-09-23 09:09:45 发布

阅读量212

点赞数

分类专栏： javascript

本文链接：https://blog.csdn.net/ldoit/article/details/121531008

版权

vue vue.js html javascript

javascript 专栏收录该内容

9 篇文章 0 订阅

订阅专栏

function download (href, name) {
  // 通过ajax重新请求文件地址传入blob类型
  const xhr = new XMLHttpRequest()
  xhr.open('GET', href, true)
  xhr.responseType = 'blob'
  xhr.onload = () => {
    if (xhr.status === 200) {
      saveAs(xhr.response, name)
    }
  }
  xhr.send()
};
function saveAs(data, name) {  // 转换流并下载
  // console.log(data)
  const urlObject = window.URL || window.webkitURL || window;
  const export_blob = new Blob([data]);
  const save_link = document.createElement('a')
  save_link.style.display = 'none';
  save_link.href = urlObject.createObjectURL(export_blob);
  save_link.download = name;
  document.body.appendChild(save_link);
  save_link.click();
  document.body.removeChild(save_link);
}