vue下载压缩文件，如何实现下载位置可配置这种弹窗？

Z时代
2024-03-14
分类：IT

vue下载压缩文件，如何实现下载位置可配置这种弹窗？
如何点击下载弹出这个框，可以配置导出位置

exportFolder(item) {
      var params = {
        id: item.id,
      };
      this.$api
        .exportFolderAll(params)
        .then(data => {
          var downloadElement = document.createElement("a");
          var href = window.URL.createObjectURL(data); // 创建下载的链接
          downloadElement.href = href;
          downloadElement.download = item.transcodingName+".zip"; // 下载后文件名
          document.body.appendChild(downloadElement);
          downloadElement.click(); // 点击下载
          document.body.removeChild(downloadElement); // 下载完成移除元素
          window.URL.revokeObjectURL(href); // 释放掉blob对象
        })
        .catch(error => {
          this.$message({
            message: "导出失败! ",
            type: "error"
          });
        });    },