javascript - Javascript：从字节数组加载图像

Question

在 Javascript 中，您有 ByteArray 类型和一些关于它的视图，如下所述： https ://developer.mozilla.org/en-US/docs/JavaScript/Typed_arrays

是否可以将图像数据存储在这样的字节中，如果可以，我该如何显示这样的图像？png还是jpg？

Answer 1

是的，您可以使用类型化数组存储图像。

我不确定你到底想要什么。如果您想从 ByteArray 创建 HTMLImageElement，您可以执行与此处和此处引用的类似的操作。

如果您想从图像中获取字节，那将更加棘手。您可以将 ImageElement 绘制到 HTML 画布，然后他们使用toDataURL获取 URI 。

我只是尝试使用画布获取数据并且它有效。

var myCanvas = document.getElementById('my_canvas_id');
var ctx = myCanvas.getContext('2d');
var img = new Image;
img.onload = function(){
    myCanvas.width = img.width;
    myCanvas.height = img.height;
    ctx.drawImage(img,0,0); // Or at whatever offset you like
    alert(myCanvas.toDataURL());
};
img.src = "logo4w.png";

虽然，如果您在画布上绘制的图像来自网站域之外，则 toDataURL() 方法不允许您执行此操作。