将数组缓冲区转换为字符串 - 超出最大调用堆栈大小

Question

我们的应用下载了一个 zip 文件，但响应是二进制的。

所以我所做的就是将其转换为 base64。大小为87.7KB时有效，但响应大小为183KB时出错。

错误是Uncaught RangeError: Maximum call stack size exceeded

有问题的行是

btoa(String.fromCharCode.apply(null, new Uint8Array(blob)))

根据this answer，String.fromCharCode.apply()必须替换为TextEncoder。

所以我改成

btoa(new TextDecoder('utf-8').decode(new Uint8Array(blob)))

但我得到一个错误。

Uncaught DOMException: Failed to execute 'btoa' on 'Window': The string to be encoded contains characters outside of the Latin1 range.

我用这个answer最上面的sn-p再次改变了它

现在是新代码

btoa(unescape(encodeURIComponent(new TextDecoder('utf-8').decode(new Uint8Array(blob)))))

现在可以下载，但下载的 zip 文件已损坏。

完整代码可见here

Answer 1

我从另一个问题得到了答案

btoa(new Uint8Array(blob).reduce(function (data, byte) {
    return data + String.fromCharCode(byte);
}, ''));

Source

Answer 2

https://stackoverflow.com/a/40077712/6582356

function blobToB64(data) {
    if ('TextDecoder' in window) {
      // Decode as UTF-8
      var dataView = new DataView(data);
      var decoder = new TextDecoder('utf8');
      return btoa(decoder.decode(dataView));
    } else {
      // Fallback
      return btoa(new Uint8Array(data).reduce((data, byte) =>
        data + String.fromCharCode(byte),
        ''))
    }
}

https://developer.mozilla.org/en-US/docs/Web/API/TextDecoder

这个似乎有更好的性能