javascript实现图片打包下载

下面是用 JavaScript 实现图片打包下载的方法:

1. 将图片的地址存储到一个数组中。
2. 创建一个新的 ZIP 对象。
3. 使用循环遍历数组中的每个图片地址。
4. 对于每张图片，使用 JSZip.js 库中的 file() 方法将图片添加到 ZIP 对象中。
5. 使用 JSZip.js 库中的 generateAsync() 方法生成 ZIP 压缩文件。
6. 使用 file-saver.js 库中的 saveAs() 方法将压缩文件保存到本地。

以下是一个简单的示例代码：

// 引入 JSZip 和 file-saver 库
import JSZip from 'jszip';
import { saveAs } from 'file-saver';

const imageURLs = ['image1.jpg', 'image2.jpg', 'image3.jpg'];

// 创建一个新的 ZIP 对象
const zip = new JSZip();

// 遍历图片地址数组
imageURLs.forEach((url) => {
  // 使用 JSZip.js 库的 file() 方法将图片添加到 ZIP 对象中
  zip.file(url, fetch(url).then((res) => res.arrayBuffer()));
});

// 使用 JSZip.js 库的 generateAsync() 方法生成 ZIP 压缩文件
zip.generateAsync({ type: 'blob' }).then((content) => {
  // 使用 file-saver.js 库的 saveAs() 方法将压缩文件保存到本地
  saveAs(content, 'images.zip');
});

希望这对你有帮助。