javascript - 我应该为图像文件的 ArrayBuffer 使用哪种类型数组？

Question

我正在使用 FileReader().readAsArrayBuffer() 读取图像文件，并使用 md5 库创建文件的哈希值。 readAsArrayBuffer() 返回一个 ArrayBuffer。

const reader = new FileReader();

reader.onload = (event) => {
  // NEED TO CREATE TYPED ARRAY FROM
  const binary = new Uint8Array(event.target.result);
  const md5Hash = md5(binary);
};

reader.readAsArrayBuffer(imageFile);

来自 MDN ArrayBuffer

我们明白了:

The ArrayBuffer object is used to represent a generic, fixed-length raw binary data buffer.

It is an array of bytes, often refered to in other languages as a "byte array".

You cannot directly manipulate the contents of an ArrayBuffer; instead, you create one of the typed array objects or a DataView object which represents the buffer in a specific format, and use that to read and write the contents of the buffer.

因此，我无法直接使用 md5 函数，我需要首先创建类型数组对象。

我的选择是:

• Int8Array
• Uint8Array
• Int16Array
• Int32Array

我应该在我的代码中使用以上哪一项？为什么？

更多信息:https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/TypedArray

Answer 1

对此没有通用的答案，这基本上取决于消费者以及他们想要处理的格式。

例如，如果您想解析 PNG 的实际文件格式，您实际上需要能够以 BigEndian 顺序读取它的一些 block ，这意味着您在大多数个人计算机上都需要 DataView。

但是这里your library声称他们确实支持 Uint8Array 和 ArrayBuffer。但是，经过测试，它们似乎确实无法处理裸 ArrayBuffer，因此使用 Uint8Array，因为这就是您的库的文档所说的。