前端实现文件下载的几种方式

哈喽 大家好，今天给大家看下前端js实现文件下载的方式

 downloadFun(id, data) {
    this.http.get(`xxx/${id}`,{ responseType: 'arraybuffer'})
    .pipe(
      finalize(() => {
      })
    )
    .subscribe(res => {
      //new Blob构造函数 转化链接使得可以直接在客户端上创建和操作 Blob(可下载文件）
      var blob = new Blob([res]);
      // 创建a标签
      var downloadElement = document.createElement('a');
      var href = window.URL.createObjectURL(blob);
      downloadElement.href = href;
      downloadElement.download = data.name;
      document.body.appendChild(downloadElement);
      downloadElement.click();
      document.body.removeChild(downloadElement);
      window.URL.revokeObjectURL(href);
    })
  }

博主写的很好，推荐大家都可以去看看 我试了其中一种，可以实现

原文链接：

前端实现文件下载的几种方法 - 掘金 (juejin.cn)

JS实现文件下载的三种方式---a标签下载、form表单下载、blob转换url下载__木冉的博客-CSDN博客