import JSZip from "jszip"; import FileSaver from"file-saver"; 实现: 第一步:获取图片url,目前只遇到过两种情况: 通过dom获取,例如 卡片+多选按钮组 方式的展示形式,勾选导出,此时可根据dom获取url; 通过接口获取 downLoad(amount) { let url2= '';//照片let self =this; Axios.get(url2) .then((...
最后改变策略,在方法二基础上改造,第一步先使用xhr请求获取blob数据,然后利用jsZip模块把所有图片文件都压缩到一个文件中,压缩后一次下载,发现下载的图片是25个,最后结合数组下缀改了不同文件名,完美下载压缩包,附代码(前端框架使用element ui): 安装模块: npm install jszip npm install file-saver --save 引入...
一、安装JZip和file-saver cnpm install file-saver jszip --save 二、导入 import { saveAs } from 'file-saver'import* as JSZip from 'jszip'; 三、使用 download() { const zip=newJSZip();//实例化zipconst img = zip.folder("qrCode");//zip包内的文件夹名字this.listOfData.forEach((item...
dataURL.replace(/^data:image\/(png|jpg);base64,/, ''), { base64: true }) if (index === total - 1) { // 添加完下载 this.zip.generateAsync({ type: 'blob' }).then(function (content) { // 使用file-saver保存下载zip文件,第二个参数是压缩包命名 FileSaver.saveAs(content, `二维码...
一、安装JZip和file-saver cnpm install file-saver jszip --save 1. 二、导入 import { saveAs } from 'file-saver'import* as JSZip from 'jszip'; 1. 2. 三、使用 download() { const zip=newJSZip();//实例化zipconst img = zip.folder("qrCode");//zip包内的文件夹名字this.listOfData....