使用jsZip实现打包下载文件

最新推荐文章于 2025-04-28 16:59:21 发布

酒渣

最新推荐文章于 2025-04-28 16:59:21 发布

阅读量1.4k

点赞数 9

文章标签：前端 vue.js javascript

本文链接：https://blog.youkuaiyun.com/weixin_40923558/article/details/135325759

版权

本文介绍了如何在JavaScript中利用jsZip库将多个文件压缩成一个名为myarchive.zip的压缩包，并通过生成BlobURL实现下载功能。步骤包括安装jsZip、添加文件、生成下载链接并触发下载。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

使用jsZip实现打包下载文件

使用jszip实现多个文件压缩成一个压缩包并下载
1、安装jsZip

npm install jszip --save

2、使用

import jszip from 'jszip'

methods:{
	let zip = new jszip();
	// 添加文件到zip, 这里可以使用nodeJs里的fs模块进行读取文件
	zip.file("file1.cpp", "这是文件内容");
    zip.file("file2.txt", "这是另一个文件内容");
	// 获取Blob URL以供下载
    let blob = await zip.generateAsync({ type: "blob" });
    let url = window.URL.createObjectURL(blob);

    // 创建一个下载链接
    let a = document.createElement('a');
    a.href = url;
    a.download = 'myarchive.zip'; // zip文件名
    document.body.appendChild(a);
    a.click();
    a.remove();
}