我有一个 ajax 应用程序,其中 PHP 端将来自相机的未编码原始图像数据发送到客户端 javascript 端。
我想使用 img
或 canvas
标签通过 html 和 javascript 显示图像。
图像数据为 32*32 unsigned char。
我想做任何事情来达到我的目标(编码或其他一切),但我想在客户端做,因为我无法在服务器端处理任何其他操作。
我尝试将原始数据编码为 jpeg 或 png 数据,但没有成功。
我发布了一个不起作用的示例:
var encoder = new JPEGEncoder(9);
var jpgFile = encoder.encode(rawImage, 9);
document.getElementById("image").src = jpgFile;
jpgFile
就像
data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wCEAFk9Q05DOFlOSE5kXllphd6QhXp6hf/CzaHe//////////////////////////////////////////////////8BXmRkhXWF/5CQ///////////////////////////////////////////////////////////////////////////AABEIAAAAAAMBEQACEQEDEQH/xAGiAAABBQEBAQEBAQAAAAAAAAAAAQIDBAUGBwgJCgsQAAIBAwMCBAMFBQQEAAABfQECAwAEEQUSITFBBhNRYQcicRQygZGhCCNCscEVUtHwJDNicoIJChYXGBkaJSYnKCkqNDU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6g4SFhoeIiYqSk5SVlpeYmZqio6Slpqeoqaqys7S1tre4ubrCw8TFxsfIycrS09TV1tfY2drh4uPk5ebn6Onq8fLz9PX29/j5+gEAAwEBAQEBAQEBAQAAAAAAAAECAwQFBgcICQoLEQACAQIEBAMEBwUEBAABAncAAQIDEQQFITEGEkFRB2FxEyIygQgUQpGhscEJIzNS8BVictEKFiQ04SXxFxgZGiYnKCkqNTY3ODk6Q0RFRkdISUpTVFVWV1hZWmNkZWZnaGlqc3R1dnd4eXqCg4SFhoeIiYqSk5SVlpeYmZqio6Slpqeoqaqys7S1tre4ubrCw8TFxsfIycrS09TV1tfY2dri4+Tl5ufo6ery8/T19vf4+fr/2gAMAwEAAhEDEQA/AP8A/9k=
我在互联网上搜索了 JPEGEncoder。
最佳答案
为你试过了 =)
您所要做的就是确保您的字符串是 base64 编码的,并执行与您已经编写的完全相同的操作:
document.getElementById("image").src = jpgFile;
关于javascript - 如何用html和javascript显示原始图像数据?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22539999/