Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/379.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript:从bytearray加载图像_Javascript_Jquery_Image_Png_Jpeg - Fatal编程技术网

Javascript:从bytearray加载图像

Javascript:从bytearray加载图像,javascript,jquery,image,png,jpeg,Javascript,Jquery,Image,Png,Jpeg,在Javascript中,您有ByteArray类型和一些视图,如下所述: 是否可以以这样的字节存储图像数据?如果可以,如何显示这样的图像?png或jpg?是的,您可以使用键入的数组存储图像 我不确定你到底想要什么。 如果要从ByteArray创建HTMLImageElement,可以执行和中引用的类似操作 如果你想从一个图像中获取字节数,那就更难了。您可以将ImageElement绘制到HTML画布上,然后使用返回URI 我只是尝试使用canvas获取数据,结果成功了 var myCanva

在Javascript中,您有ByteArray类型和一些视图,如下所述:


是否可以以这样的字节存储图像数据?如果可以,如何显示这样的图像?png或jpg?

是的,您可以使用键入的数组存储图像

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

如果你想从一个图像中获取字节数,那就更难了。您可以将ImageElement绘制到HTML画布上,然后使用返回URI

我只是尝试使用canvas获取数据,结果成功了

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()方法不允许执行此操作