使用JavaScript膨胀blob

Using JavaScript to inflate a blob?

本文关键字：blob 膨胀 JavaScript 使用      更新时间：2023-09-26

我使用websocket发送blob形式的Jpeg图像。我已经压缩(gzipped) blob，但我无法找到一种方法来解压缩它使用JavaScript。有人知道怎么做吗?

这是我用来读取blob的代码，然后将其转换为base64字符串:

var r = new FileReader();
r.onload = function(){
    draw(btoa(r.result));
};
r.readAsBinaryString(e.data);

draw()函数基本上使用base64字符串将图像绘制到HTML5画布上。

我发现这个库可以膨胀字符串，但它不支持blobs。(据我所知/测试过)如果有人知道一种方法，我将不胜感激。:)谢谢!

我为我的粒子系统编辑器做了非常类似的事情，它支持读取Cocos2D plist文件。在plist文件中是纹理数据，它是用gzip压缩然后转换为base64的png格式。我是这样做的:

var input = 'byu9g1RZpINUpVtoKoiKIqJYoris...'; // really long string
// from base64 to ascii binary string
var decodedAsString = atob(input);
// ascii string to bytes in gzipped format
var data = this._binaryStringToArray(decodedAsString);
// raw, uncompressed, binary image data into an array using gzip.js
var uncompressed = require('gzip-js').unzip(data);
// now take the raw uncompressed png and convert it
// back to base64 to use it as a data url
var asString = this._arrayToBinaryString(uncompressed);
var encodedForDataUrl = btoa(asString);
var img = new Image();
img.src = encodedForDataUrl;

我使用gzip.js来做繁重的工作。你可以看到所有这些都在运行，你可以在这里加载一些列表。BoilingFoam。plist将工作，只需加载它在"导入/导出"部分。

在上面的代码中，我调用了两个方法，它们是:
 _binaryStringToArray: function(binaryString) {
        var data = [];
        for (var i = 0; i < binaryString.length; ++i) {
            data[i] = binaryString.charCodeAt(i);
        }
        return data;
    },
    _arrayToBinaryString: function(array) {
        var str = '';
        for (var i = 0; i < array.length; ++i) {
            str += String.fromCharCode(array[i]);
        }
        return str;
    },

一切都在这里

获取一个byteArray，您可以使用pako解码它:http://jsfiddle.net/9yH7M/

相关文章：