前端通过url批量压缩下载文件-示例代码

1.需要安装 npm i jszip 但是 我这边使用 jszip有问题,换成了 jszip-sync

/**
 * 实现url 压缩下载
 * @param {Array} srcList 文件列表
 * @param {String} name 导出文件名称
 */
export const srcDownloadZip = async (srcList = [], name) => {
  // 创建Zip实例
  const zip = new JSZip();
  const promisesALl = []
  srcList.forEach(async item => {

    const blobs = srcDownloadSendBlob(item.filepath).then(res => {
      console.log(res, 'blob');
      const name = item.name
      zip.file(name, res);
    })


    promisesALl.push(blobs)
  })

  const isok = await Promise.all(promisesALl).then(res => {
    return new Promise((resolve, reject) => {
      try {
        const isok = zip.generateAsync({ type: "blob" }).then(function (content) {
          // see FileSaver.js
          console.log(content, 'contet');
          try {
            saveAs(content, `${name}.zip`);
            return true
          } catch (error) {
            return false
          }

        });
        resolve(isok)
      } catch (error) {
        return false
      }
    })


  })

  return isok


};

export const srcDownloadSendBlob = (filepath) => {
  return new Promise(async (resolve, reject) => {
    try {
      const response = await fetch(filepath);
      const arrayBuffer = await response.arrayBuffer();

      // 创建Blob对象并设置MIME类型
      const mimeType = response.headers.get('content-type');
      const blob = new Blob([arrayBuffer], { type: mimeType });
      resolve(blob)
    } catch (error) {

    }
  });
};

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值