首页本地HTML使用JSZip生成压缩包，并点击下载

本地HTML使用JSZip生成压缩包，并点击下载

时间: 2024-03-13 12:43:38 浏览: 48

jszip js压缩下载

5星 · 资源好评率100%

前端用于压缩下载，单个文件zip var zip = new JSZip(); zip.file("Hello.txt", data1, { binary: true }); zip.file("any other way.mp3", btoa("H:\Users\Desktop\aaaa.txt"), { base64: true }); //// var content = zip.generate({ type: "blob" }); see FileSaver.js saveAs(content, "task.zip");

生成并下载压缩包可以使用JSZip库和Blob对象。以下是一个示例代码： ```html <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>JSZip Demo</title> <script src="https://cdnjs.cloudflare.com/ajax/libs/jszip/3.6.0/jszip.min.js"></script> <script> function generateZip() { // 创建一个JSZip实例 var zip = new JSZip(); // 添加一些文件到压缩包中 zip.file("hello.txt", "Hello World\n"); zip.file("world.txt", "Hello Earth\n"); // 生成压缩包 zip.generateAsync({type:"blob"}).then(function(content) { // 创建一个下载链接 var link = document.createElement('a'); link.download = "example.zip"; // 下载文件的文件名 link.href = URL.createObjectURL(content); // 将Blob对象转换为URL document.body.appendChild(link); link.click(); // 触发下载 document.body.removeChild(link); // 下载完成后删除链接 }); } </script> </head> <body> <button onclick="generateZip()">生成压缩包</button> </body> </html> ``` 运行这个示例代码后，点击 "生成压缩包" 按钮将会生成并下载一个包含两个文件的压缩包。

阅读全文