前端批量下载文件、图片、打包成压缩包，JZip和file-saver

一、安装JZip和file-saver

cnpm install file-saver jszip --save

二、导入

import { saveAs } from 'file-saver'
import * as JSZip from 'jszip';

三、使用

download() {const zip = new JSZip();   // 实例化zipconst img = zip.folder("qrCode");   // zip包内的文件夹名字this.listOfData.forEach((item) => {  // listOfData是含有图片的数据数组const basePic = item.url.replace(/^data:image\/(png|jpg);base64,/, "");  // 生成base64图片数据img.file(item.name + '的二维码.png', basePic, { base64: true });  // 将图片文件加入到zip包内})zip.generateAsync({ type: "blob" })   // zip下载.then(function (content) {// see FileSaver.jssaveAs(content, "二维码.zip");  // zip下载后的名字});
}

四、参考资料

1、JZip的相关文档
2、file-saver的相关文档

如果对你有帮助，可以

前端批量下载文件、图片、打包成压缩包，JZip和file-saver相关推荐

批量下载文件，打包成zip压缩包
批量下载文件,用程序打成zip压缩包在下载前台传来要下载的url数组 @RequestMapping(value = "/download",method = RequestMe ...
MVC实现实现文件流打包成压缩包
MVC实现实现文件流打包成压缩包 1.使用压缩类库SharpZipLib SharpZipLib 是一款比较经典实用C#压缩类库 SharpZipLib 库特点:功能丰富.稳定 ,支持主流 zip.G ...
web前端批量下载文件和图片探索
1.图片,文件批量下载(不跨域的情况下) import JSZip from 'jszip'; import {saveAs} from 'file-saver'; import axios from ...
java后台批量下载文件并压缩成zip下载
因项目需要,将服务器上的图片文件压缩打包zip,下载到本地桌面. 首先,前端js: function doQueryPic() {var picsDate = $("#picsDate&qu ...
将手机微信的图片打包成压缩包
创建文件夹输入文件名查看图片多选图片
.net core 文件流保存图片_如何将图片打包成PDF文件进行保存？
如何将图片打包成PDF文件进行保存?我们都知道PDF文件是一种电子文档发行和数字化信息传播的理想文档格式,支持跨平台传输.对普通读者而言,用PDF制作的电子书具有纸版书的质感和阅读效果,可以逼真地展现 ...
【java】文件批量下载并压缩为zip压缩包
[java] 文件批量下载并压缩为zip压缩包 java常用的压缩技术 java中常见实现压缩与解压业务场景代码实现注意点 java常用的压缩技术常见的压缩格式有很多种,例如:zip.rar. ...
如何将spyder打包成exe_如何将图片打包成PDF文件进行保存？
如何将图片打包成PDF文件进行保存?我们都知道PDF文件是一种电子文档发行和数字化信息传播的理想文档格式,支持跨平台传输.对普通读者而言,用PDF制作的电子书具有纸版书的质感和阅读效果,可以逼真地展现 ...
如何批量下载一些网站上的压缩包或者图片
因为项目需要,我们需要从网上下载很多图片来做为数据集测试项目,经过一些研究,实现了批量下载ImageNet上的图片的程序在这里分享一个批量下载ImageNet图片的经验,其实这个例子适用于很多你知道下 ...

前端批量下载文件、图片、打包成压缩包，JZip和file-saver

一、安装JZip和file-saver

二、导入

三、使用

四、参考资料

前端批量下载文件、图片、打包成压缩包，JZip和file-saver相关推荐

最新文章

热门文章