使用JavaScript来膨胀blob?

前端之家收集整理的这篇文章主要介绍了使用JavaScript来膨胀blob?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

我正在使用websocket以blob格式发送Jpeg图像.我已经压缩(gzipped)blob但我无法找到使用JavaScript解压缩它的方法.有谁知道怎么样?@H_403_2@

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

@H_403_2@

var r = new FileReader();

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

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

我发现this library膨胀字符串,但它不支持blob. (据我所知/已经测试过)如果有人知道某种方式,我会赞同它. :) 谢谢!

最佳答案
我为我的particle system editor做了一个非常类似的事情,它支持阅读Cocos2D plist文件.在plist文件中是纹理数据,这是一个用gzip压缩然后转换为base64的png.我是这样做的:@H_403_2@

@H_403_2@

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进行繁重的工作.你可以在here中看到所有这些,你可以得到一些plist加载到它here.BoilingFoam.plist将工作,只需在“导入/导出”部分加载它.@H_403_2@

在上面的代码中我调用了两个方法,它们是:@H_403_2@

@H_403_2@

 _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;
    },

整个shebang是here

猜你在找的JavaScript相关文章