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

【问题标题】：JavaScript - how to view raw data for an imageJavaScript - 如何查看图像的原始数据
【发布时间】：2012-10-05 22:24:40
【问题描述】：

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

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

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

【问题讨论】：

我会用 AJAX 请求它并读取结果数据...但我不确定是否有更好的解决方案。
您需要确定您的工作地点，客户端还是服务器端？检查文件阅读器和类型化数组服务器端。
我在这里找到了一个源代码查看器jawjahboy.com/utility，但我猜它适用于 ajax。
主要问题是我不知道如何将源代码变成字符串！！
其实你的问题是你不知道source code这个词是什么意思。源代码是您在创建程序时编写的内容。您正在寻找原始图像数据。

标签： javascript file image-processing

【解决方案1】：

你可以用 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();

查看ArrayBuffers 和TypedArrays 的文档

你可以看看我是如何在测试中使用它的 here

【讨论】：

【解决方案2】：

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

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

【讨论】：

所以将它复制到浏览器窗口（或萤火虫视图）之外。 en.wikipedia.org/wiki/Cut,_copy,_and_paste
我想编写代码，而不是一个剪切和粘贴程序，我需要另一个程序来实际运行我的代码。
抱歉，我不确定你要做什么。