JsZip+FileSaver实现打包文件并下载

这里使用jszip进行文件打包，可以创建文件夹，创建文件。然后使用FileSaver进行下载，这里使用FileSaver下载是因为这个工具可以下载大文件，而且效率非常高。一下代码示例，简单模块化了一下，为了能够上传下载文件。

'use strict';
import JsZip from 'jszip'
import { saveAs } from 'file-saver'
export class DownloadUtil {constructor() {this.zip = new JsZip();}// 添加文件到zipaddFileInZip(fileName, content, option) {this.zip.file(fileName, content, option)}// 添加文件夹到zipaddFolderInZip(folderName) {return this.zip.folder(folderName)}// 打包成blob（二进制数据）packageZip2blob() {return this.zip.generateAsync({ type: 'blob' })}// 打包并下载(默认打包成blob)packageZipAndDownload(zipName, type = 'blob') {this.zip.generateAsync({ type }).then(content => {saveAs(content, zipName)})}
}

JsZip+FileSaver实现打包文件并下载相关推荐

【Java】Java实现批量打包文件Zip下载
有这样一个需求,需要将某个文件夹进行下载,而且该文件下包含多张图片,图片是存储于Linux服务器上的.故采用zip打包方式进行下载.在此并没有采用获取网络图片的方式进行下载,而是找到图片在服务器上存储 ...
Java实现批量打包文件Zip下载(适用于Windows，Linux)
前言 1.思路总结: * 1.每个单号多个文件直接遍历IO临时单号zip包, * 2.多个单号临时zip包遍历IO到总临时zip包, * 3.总临时zip包copy到前端 ...
java 批量下载图片，批量打包文件并下载
1.批量下载网页上,动态生成的图片到服务器上指定的目录中 2.将目录中的所有的图片打包成zip包 3.删除原来的目录 4.下载zip包 1:由于网页上的图片是全部都是连接动态生成的,所以同事在网上找了 ...
gin 前端文件打包_远程URL文件批量下载打包的方法
开始最近代码重构遇到了一个问题,需要把OSS 上的一批图片打包下载旧服务器的硬盘是直接挂载OSS,所以直接调的Linux系统命令复制打包,所以速度比较快.新服务器重构代码行不通,这样做也不好查阅 ...
react——利用jszip实现文件批量下载并打包成zip文件
本文章主要记录利用jszip实现文件批量下载图片,文档.mp3,视频(MP4)等文件,一般而言前端实现下载功能一般都是通过a链,这在下载单个文件的场景很实用,但如果是批量下载很多个文件,同样也可以用a ...
vue 使用 jszip file-saver 对附件word pdf png 等进行zip打包下载
vue jszip file-saver 实现一个勾选,批量前端下载文件,多个的话进行下载zip文件下载功能,如下图所示 1. 安装依赖 npm install jszip npm install f ...
文件打包为zip下载(filesaver\ StreamSaver)
文件打包为zip下载(filesaver\StreamSaver) 在react项目中使用的,仅展示核心方法,其他的结构没写,使用时记得自己修改规范之类的 1,使用filesaver.js 需安装ax ...
vue项目批量加载url文件并打包到zip下载
vue项目批量加载url文件并打包到zip下载项目里之前是遇到这样一个需求哈,需要根据选择的不同动态批量生成并下载图片, 而且这个图片不是一张一张生成下载,而是要等他选好条件之后, 把对应的图片动态 ...
前端提效 Magic，导出多个Excel文件并打包为压缩包下载
本篇文章主要介绍使用 exceljs.file-saver.jszip实现下载包含多层级文件夹.多个 excel.每个 excel 支持多个 sheet 的 zip 压缩包. 上一篇文章:前端复杂表格 ...

JsZip+FileSaver实现打包文件并下载

JsZip+FileSaver实现打包文件并下载相关推荐

最新文章

热门文章