vue批量导出文件，导出为压缩包

hundred83

已于 2024-01-11 15:27:30 修改

阅读量518

点赞数 9

文章标签：前端 javascript vue.js

于 2024-01-11 15:14:46 首次发布

本文链接：https://blog.youkuaiyun.com/weixin_62186125/article/details/135530252

版权

文章介绍了如何在JavaScript中实现批量导出文件的功能，包括创建Blob对象、设置下载链接以及处理下载完成后的资源释放。重点展示了`exportFiles`和`exportPlaceWord`函数，它们通过POST请求调用API`/place/info/exportWord/`来导出场地信息并自动压缩成ZIP文件。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

 // 批量导出文件，导出压缩包
    handleExportFiles(row) {
      const ids = row.id || this.ids;
      exportPlaceWord(ids).then((response) => {
        const link = document.createElement("a");
        link.href = window.URL.createObjectURL(new Blob([response]));
        // link.setAttribute("download", "商户信息.zip");
        link.download = "商户信息.zip";
        link.style.display = "none";
        document.body.appendChild(link);
        link.click();
        document.body.removeChild(link); // 下载完成移除元素
        window.URL.revokeObjectURL(link.href); // 释放掉blob对象
      });
    },

// 批量导出场地信息
export function exportPlaceWord(ids) {
  return request({
    url: '/place/info/exportWord/',
    method: 'post',
    data: {
      ids
    },
    responseType: 'blob'
  })
}