vue 下载zip文件

可恨的资本家

于 2024-09-23 10:39:20 发布

阅读量550

点赞数 5

文章标签： vue.js 前端 javascript

本文链接：https://blog.youkuaiyun.com/Tttrycatch/article/details/142452390

版权

    // 下载文件
    Download(row) {
      var videoUrlObj = process.env.VUE_APP_BASE_API + "/common/download/resource?resource=/profile/" + row.downloadPath;
      this.getBlob(videoUrlObj).then(blob => {
        const filename = row.dataName.split("/").pop();
        this.DownloadItem(blob, filename);
      });
    },

    getBlob(url) {
      return new Promise(resolve => {
        const xhr = new XMLHttpRequest();
        xhr.open('GET', url, true);
        xhr.responseType = 'blob';
        xhr.onload = () => {
          if (xhr.status === 200) {
            resolve(xhr.response);
          }
        };
        xhr.send();
      });
    },

    DownloadItem(blob, fileName) {
      let link = document.createElement('a');
      link.href = window.URL.createObjectURL(blob);
      link.download = fileName + '.zip';
      link.click();
    },