JavaScript atob 与 Notepad++ Base64 解码不同

Question

我正在接收作为 Base64 编码字符串的 zip 文件的内容（来自 API）。

如果我将该字符串粘贴到 Notepad++ 中并转到

插件 > MIME 工具 > Base64 解码

并将其保存为test.zip，它成为一个有效的zip文件，我可以打开它。

现在，我正在尝试在 JavaScript 中实现相同的目标。

我已经尝试过atob()，可能还有the answers here 和the code from Mozilla doc 中提到的所有内容。

atob 产生类似的内容，但某些字符的解码方式不同（因此成为无效的 zip 文件）。其他方法抛出无效的 URI 错误。

如何在 JavaScript 中重现 Notepad++ 行为？

Answer 1

window.atob 仅适用于解码适合 UTF-8 字符串的数据。任何无法以 UTF-8 字符串表示的内容在解码时都将不等于其二进制形式。 Javascript 最多会尝试将结果字节编码为 UTF-8 字符序列。这就是您的 zip 存档最终无效的原因。

您执行以下操作的那一刻：

var data = window.atob(encoded_data)

...您在 UTF-8 字符串中使用不同的数据表示形式，该字符串由变量 data 引用。

您应该将二进制数据直接解码为ArrayBuffer。而window.atob 不适合这个。

Here 是一个可以将 base64 编码数据直接转换为ArrayBuffer 的函数。