Question

我正在编写一个Web应用程序，需要通过AJAX将JSON数据存储在一个小的，固定大小的服务器端缓存中（想想：Opensocial quotas）。我无法控制服务器。

我需要减少存储数据的大小以保持服务器端配额，并且希望能够在将其发送到服务器之前在浏览器中对字符串化的JSON进行gzip。

但是，我发现Gzip的JavaScript实现方式并不多。有关如何在发送数据之前压缩客户端数据的任何建议吗？

Answer 1

编辑似乎有更好的LZW解决方案可以在http://pieroxy.net/blog/pages/lz-string/index.html正确处理Unicode字符串（感谢评论中的pieroxy）。

我不知道任何gzip实现，但jsolait library（该网站似乎已经消失）具有LZW压缩/解压缩功能。该代码包含在LGPL。

下

// LZW-compress a string
function lzw_encode(s) {
    var dict = {};
    var data = (s + "").split("");
    var out = [];
    var currChar;
    var phrase = data[0];
    var code = 256;
    for (var i=1; i<data.length; i++) {
        currChar=data[i];
        if (dict[phrase + currChar] != null) {
            phrase += currChar;
        }
        else {
            out.push(phrase.length > 1 ? dict[phrase] : phrase.charCodeAt(0));
            dict[phrase + currChar] = code;
            code++;
            phrase=currChar;
        }
    }
    out.push(phrase.length > 1 ? dict[phrase] : phrase.charCodeAt(0));
    for (var i=0; i<out.length; i++) {
        out[i] = String.fromCharCode(out[i]);
    }
    return out.join("");
}

// Decompress an LZW-encoded string
function lzw_decode(s) {
    var dict = {};
    var data = (s + "").split("");
    var currChar = data[0];
    var oldPhrase = currChar;
    var out = [currChar];
    var code = 256;
    var phrase;
    for (var i=1; i<data.length; i++) {
        var currCode = data[i].charCodeAt(0);
        if (currCode < 256) {
            phrase = data[i];
        }
        else {
           phrase = dict[currCode] ? dict[currCode] : (oldPhrase + currChar);
        }
        out.push(phrase);
        currChar = phrase.charAt(0);
        dict[code] = oldPhrase + currChar;
        code++;
        oldPhrase = phrase;
    }
    return out.join("");
}

Answer 2

我有另一个问题，我不想在gzip中编码数据，而是在解码gzip压缩数据。我在浏览器之外运行javascript代码，所以我需要使用 pure javascript解码它。

我花了一些时间，但我发现在 JSXGraph 库中有一种方法可以读取gzip压缩数据。

以下是我找到图书馆的地方：http://jsxgraph.uni-bayreuth.de/wp/2009/09/29/jsxcompressor-zlib-compressed-javascript-code/ 甚至有一个独立的实用程序可以做到这一点， JSXCompressor ，代码是LGPL许可。

只需在项目中包含jsxcompressor.js文件，然后您就可以读取基本的64位编码gzip压缩数据：

<!doctype html>
</head>
<title>Test gzip decompression page</title>
<script src="jsxcompressor.js"></script>
</head>
<body>
<script>
    document.write(JXG.decompress('<?php 
        echo base64_encode(gzencode("Try not. Do, or do not. There is no try.")); 
    ?>'));
</script>
</html>

我知道这不是你想要的，但我仍然在这里回答，因为我怀疑它会对某些人有帮助。

Answer 3

我们刚刚发布了pako https://github.com/nodeca/pako，zlib的端口为javascript。我认为现在是deflate / inflate / gzip / ungzip中最快的js实现。此外，它还拥有民主的MIT许可证。 Pako支持所有zlib选项，它的结果是二进制相等。

示例：

var inflate = require('pako/lib/inflate').inflate; 
var text = inflate(zipped, {to: 'string'});

Answer 4

我将LZMA的实现从GWT模块移植到独立的JavaScript中。它被称为LZMA-JS。

Answer 5

以下是Javascript中实现的一些其他压缩算法：

Huffman
LZ77

Answer 6

我没有测试，但有一个ZIP的javascript实现，称为JSZip：

http://jszip.stuartk.co.uk/

https://stuk.github.io/jszip/

Answer 7

我认为通用客户端JavaScript压缩实现在处理时间方面将是一项非常昂贵的操作，而不是使用未压缩的有效负载传输更多HTTP数据包的时间。

你做过任何测试可以让你知道有多少时间可以节省吗？我的意思是，带宽节省不是你想要的，或者可以吗？

Answer 8

大多数浏览器都可以动态解压缩gzip。这可能是比javascript实现更好的选择。

Answer 9

您可以使用页面中嵌入的每1像素Java小程序1像素，并将其用于压缩。

它不是JavaScript，客户端需要Java运行时，但它可以满足您的需求。

Gzip的JavaScript实现

9 个答案: