JSZip,file-saver实现前端对图片的打包下载

前端实现对图片base64的打包下载

需求说明:将后端返回的图片base64List,在前端将其转换成图片并成打压缩包

  如果你们遇到以下错误:
   jszip不是构造函数      JSZip is not a constructor
   saveAS不是eval的函数           saveAS is not a function at eval 

此时你需要注意一下几点:
1.JSZip的引入方式不对

// import { JSZip } from  "jszip" 这中方式引入,本人出现了第一个错
import * as JSZip from 'jszip';//正确方式

2.saveAS出现报错,可能是因为未引入

// FileSaver.saveAs(content, fileName); 保存ZIP时出现了第二个错
saveAs(content, fileName);//正确方式

前端单一图片下载的方式思路:
将base64 转换成bold,然后再通过a标签进行下载

有兴趣可以了解一下啊FileSaver.js:

https://www.cnblogs.com/jackyWHJ/articles/10435851.html

本人使用遇到的一些问题,希望对各位有一丢丢的帮助。

  • 关于 图片打包下载 语法,参考 https://www.cnblogs.com/xuanyuandai/p/13628089.html
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值