javascript - jszip中的压缩文件比未压缩的内容大
问题描述
有人可以解释一下,jszip 不压缩文件怎么可能?我正在尝试使用压缩,压缩后的 zip 文件大小大于内部未压缩文件的文件大小。难道我做错了什么?
var fs = require("fs");
var JSZip = require("jszip");
var zip = new JSZip();
zip.file('try.txt', 'Hello World ');
zip.generateNodeStream({type:'nodebuffer',streamFiles:true}).pipe(fs.createWriteStream('out.zip')).on('finish', function () {
// JSZip generates a readable stream with a "end" event,
// but is piped here in a writable stream which emits a "finish" event.
console.log("out.zip written.");
});
下载示例时,我也在官方页面上看到了这个问题。https://stuk.github.io/jszip/
正如我所看到的,该文件通常与未压缩文件相同,并且根本不进行压缩。
解决方案
好的,我按照您的建议查看了他们网站上的示例。我制作了一个明显可压缩的文件,就像我在评论中建议的那样(你跟进了),下载了一个 100KB 的文件,显然是未压缩的。然后我将其解压缩并使用 Windows 和 7zip 重新压缩,结果生成了一个 ~1KB 的文件。你绝对是对的,jszip 自己的例子是创建一个未压缩的 zip。
对于他们网站上的情况generate_async()
,默认情况下不压缩,您必须像这样传递压缩选项,并且调整他们网站上的调用确实有效,如下所示:
var zip = new JSZip();
zip.file("Hello.txt", "11111111 I had a bunch more 1s that I removed\n");
var img = zip.folder("images");
img.file("smile.gif", imgData, {base64: true});
zip.generateAsync({type:"blob",
/* NOTE THESE ADDED COMPRESSION OPTIONS */
/* deflate is the name of the compression algorithm used */
compression: "DEFLATE",
compressionOptions: {
/* compression level ranges from 1 (best speed) to 9 (best compression) */
level: 9
}})
.then(function(content) {
// see FileSaver.js
saveAs(content, "example.zip");
});
同样,对于您的电话,我相信添加类似的选项应该根据generateNodeStream()文档解决它:
zip.generateNodeStream(
{type:'nodebuffer',streamFiles:true,compression: "DEFLATE", compressionOptions: {level: 9}}
).pipe(fs.createWriteStream('out.zip')).on('finish', function () {
// JSZip generates a readable stream with a "end" event,
// but is piped here in a writable stream which emits a "finish" event.
console.log("out.zip written.");
});
此外,您不是第一个遇到此问题的人。这是他们 github 上另一个陷入相同陷阱的用户:https ://github.com/Stuk/jszip/issues/503我对这个问题发表了评论,建议他们将示例更改为默认使用压缩来帮助避免这个问题。我没有为它创建一个单独的问题,但如果你对它充满热情,你可以这样做。
推荐阅读
- javascript - 当在输入字段中使用 datepicker 类时,引导 datepicker (autoclose,endDate,startDate) 不起作用
- css - 将 bootstrap 4 html 项目转换为 Angular 9
- javascript - 更改 React 组件导致错误位置
- powershell - 无法将参数绑定到参数“路径”,因为它为空。动力壳
- html - 如何修复引导表头
- javascript - 我如何在刷新页面上显示引导模式
- php - 在 Laravel 的 FormRequest withValidator 方法中验证失败
- javascript - 如何在 JavaScript 中动态链接方法
- spring-boot - Spring Session:如何为不同的 URL 创建单独的会话管理策略
- swift5 - 如何在不比较微秒的情况下比较 2 个日期?