当前位置:   article > 正文

vue下载文件(url链接、数据流)_vue通过url下载文件

vue通过url下载文件
  1. 根据url下载文件
  2. fetch(/*url链接*/).then((res) => {
  3. res.blob().then((blob) => {
  4. const url = window.URL.createObjectURL(blob)
  5. const a = document.createElement('a')
  6. a.href = url
  7. a.download = '测评报告' + '.pdf1';
  8. a.click()
  9. window.URL.revokeObjectURL(url)
  10. })
  11. })
  12. 下载数据流文件
  13. 请求代码
  14. axios({
  15. method: "get",
  16. url:'https://yingde_api.ydassess.com/health/report/download',
  17. params: data,
  18. responseType: 'blob',//必要
  19. })
  20. 下载代码
  21. let url = window.URL.createObjectURL(new Blob([data]));
  22. let link = document.createElement("a");
  23. link.style.display = "none";
  24. console.log(url)
  25. return
  26. link.href = url;
  27. link.setAttribute("download", "评测报告.pdf");
  28. document.body.appendChild(link);
  29. link.click();

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/你好赵伟/article/detail/683427
推荐阅读
相关标签
  

闽ICP备14008679号