JavaScript - 如何查看图像的原始数据

时间:2012-10-05 22:24:40

标签: javascript file image-processing

是否可以在javascript中查看图像文件的原始数据?

我正在尝试编写一个将图像转换为十六进制转储的脚本。

如何查看我正在写入图像文件的数据?

2 个答案:

答案 0 :(得分:2)

您可以使用XHR执行此操作:

var xhr = new XMLHttpRequest();
xhr.open('GET', '/my/image/file.png', true);
xhr.responseType = 'arraybuffer'; // this will accept the response as an ArrayBuffer
xhr.onload = function(buffer) {
    var words = new Uint32Array(buffer),
        hex = '';
    for (var i = 0; i < words.length; i++) {
      hex += words.get(i).toString(16);  // this will convert it to a 4byte hex string
    }
    console.log(hex);
};
xhr.send();

查看ArrayBufferTypedArray s

的文档

您可以在测试here

时看到我如何使用它

答案 1 :(得分:0)

  

是否可以在javascript中获取文件的源代码?

找到脚本的URL并将其加载到浏览器中。 (或使用Firebug)