前端打包下载多个图片（ZIP格式）

最新推荐文章于 2024-04-27 04:35:29 发布

Louis__lv

最新推荐文章于 2024-04-27 04:35:29 发布

阅读量747

点赞数

分类专栏： JAVA工作日常文章标签： js Powered by 金山文档

本文链接：https://blog.csdn.net/Louis__lv/article/details/128705931

版权

本文介绍如何利用js库JSZip和FileSaver实现前端将多个图片资源打包成ZIP文件进行下载。首先确保引入了所需库，如jquery、JSZip和FileSaver。然后提供一个通用的打包下载方法FunLib.download，该方法接受图片数组和下载文件名作为参数，可按需扩展以分别设置下载文件名和解压缩文件夹名。

摘要由CSDN通过智能技术生成

前期准备

js库，包括jquery、jszip、FileSaver这三个，可以从网上下载到本地引入，或者直接引用网上的，我这里使用的是后者（以下没有包含jquery，因为本地有）。

<script src="https://cdn.bootcdn.net/ajax/libs/jszip/3.10.1/jszip.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/FileSaver.js/2.0.5/FileSaver.js"></script>

通用打包方法

var FunLib = {
            // 图片打包下载
            download: function (images, downloadName) {
                FunLib.packageImages(images, downloadName)
            },
            // 打包压缩图片
            packageImages: function (imgs, d