js模拟a标签下载文件

西红柿又名小番茄

已于 2024-06-12 13:53:45 修改

阅读量277

点赞数 1

文章标签： javascript 前端 html

于 2024-06-07 19:59:06 首次发布

本文链接：https://blog.csdn.net/qq_39293316/article/details/139534726

版权

自定义文件名，通过模拟a标签下载

downFileFun() {
      let url = '';//文件地址
      let fileName = '';//文件名
      var xhr = new XMLHttpRequest();
      xhr.open('GET', url, true);
      xhr.responseType = 'blob';
      xhr.onload = function () {
        if (this.status === 200) {
          var blob = new Blob([this.response]);
          var blobUrl = window.URL.createObjectURL(blob);
          var a = document.createElement('a');
          a.href = blobUrl;
          a.download = fileName;
          a.click();
          window.URL.revokeObjectURL(blobUrl);
        }
      };
      xhr.send();
    },

如果下载下来的文件打不开或者乱码，有可能是文件转换blod的时候，bold的类型没有设置正确，也有可能是项目上使用了mock，因为mock会对request响应类型做拦截，因此把mock注释掉就可以了