前端根据url下载文件、各种格式图片以及txt文件

最新推荐文章于 2024-05-28 17:44:56 发布

原创最新推荐文章于 2024-05-28 17:44:56 发布 · 1.5k 阅读

5 ·

CC 4.0 BY-SA版权

文章标签：

#前端 #javascript #vue.js

你不知道的小东西专栏收录该内容

2 篇文章

订阅专栏

此篇博客介绍了一种使用Fetch API和Blob对象实现文件从链接地址下载的JavaScript方法，通过创建临时a元素触发下载，简化了下载过程。

downloadFile(path, name) {
      fetch(path).then(res => res.blob()).then(blob => { // 将链接地址字符内容转变成blob地址
       let node = document.createElement('a')
       node.href = URL.createObjectURL(blob)
       node.download = name;
       document.body.appendChild(node)
       node.click()
     })
   }