我需要将base64编码字符串转换为ArrayBuffer。base64字符串是用户输入的字符串，它们将从电子邮件中复制和粘贴，因此在加载页面时它们不存在。我想在javascript中做到这一点，而不可能对服务器进行ajax调用。

我发现这些链接很有趣，但是它们并没有帮助我：

ArrayBuffer到base64编码的字符串

这是从ArrayBuffer到base64的相反转换，而不是相反的转换

http://jsperf.com/json-vs-base64/2

这看起来不错，但我不知道如何使用代码。

有没有简单的方法（也许是本地方法）进行转换？谢谢

试试这个：

function _base64ToArrayBuffer(base64) {
    var binary_string = window.atob(base64);
    var len = binary_string.length;
    var bytes = new Uint8Array(len);
    for (var i = 0; i < len; i++) {
        bytes[i] = binary_string.charCodeAt(i);
    }
    return bytes.buffer;
}

使用TypedArray.from：

Uint8Array.from(atob(base64_string), c => c.charCodeAt(0))

性能可与Goran.it的for循环版本进行比较。

由于javascript中的unicode问题，Goran.it的答案不起作用-https: //developer.mozilla.org/zh-CN/docs/Web/API/WindowBase64/Base64_encoding_and_decoding。

我最终使用了Daniel Guerrero博客上提供的功能：http : //blog.danguer.com/2011/10/24/base64-binary-decoding-in-javascript/

函数在github链接上列出：https : //github.com/danguer/blog-examples/blob/master/js/base64-binary.js

使用这些行

var uintArray = Base64Binary.decode(base64_string);  
var byteArray = Base64Binary.decodeArrayBuffer(base64_string); 

上个月（2017-08）刚刚发现base64-arraybuffer，这是一个使用率极高的小型npm软件包，下载量为500万。

https://www.npmjs.com/package/base64-arraybuffer

对于任何寻求最佳标准解决方案的人来说，就是这样。

异步解决方案，当数据很大时最好：

// base64 to buffer
function base64ToBufferAsync(base64) {
  var dataUrl = "data:application/octet-binary;base64," + base64;

  fetch(dataUrl)
    .then(res => res.arrayBuffer())
    .then(buffer => {
      console.log("base64 to buffer: " + new Uint8Array(buffer));
    })
}

// buffer to base64
function bufferToBase64Async( buffer ) {
    var blob = new Blob([buffer], {type:'application/octet-binary'});    
    console.log("buffer to blob:" + blob)

    var fileReader = new FileReader();
    fileReader.onload = function() {
      var dataUrl = fileReader.result;
      console.log("blob to dataUrl: " + dataUrl);

      var base64 = dataUrl.substr(dataUrl.indexOf(',')+1)      
      console.log("dataUrl to base64: " + base64);
    };
    fileReader.readAsDataURL(blob);
}

Javascript是一个很好的开发环境，因此似乎比它不能为这个小问题提供解决方案更奇怪。此页面其他地方提供的解决方案可能很慢。这是我的解决方案。它采用了内置功能，可对base64图像和声音数据URL进行解码。

var req = new XMLHttpRequest;
req.open('GET', "data:application/octet;base64," + base64Data);
req.responseType = 'arraybuffer';
req.onload = function fileLoaded(e)
{
   var byteArray = new Int8Array(e.target.response);
   // var shortArray = new Int16Array(e.target.response);
   // var unsignedShortArray = new Int16Array(e.target.response);
   // etc.
}
req.send();

如果基65字符串格式错误，则发送请求失败。

MIME类型（应用程序/八位位组）可能是不必要的。

经过镀铬测试。应该可以在其他浏览器上使用。

对于Node.js用户：

const myBuffer = Buffer.from(someBase64String, 'base64');

myBuffer的类型为Buffer，它是Uint8Array的子​​类。不幸的是，Uint8Array不是OP所要求的ArrayBuffer。但是，当操作ArrayBuffer时，我几乎总是用Uint8Array或类似的东西包装它，因此它应该接近所要求的内容。

纯JS-无字符串中间步骤（无atob）

我编写了以下函数，该函数以直接方式转换base64（在中间步骤不转换为字符串）。理念

• 获得4个base64字符块
• 查找base64字母中每个字符的索引
• 将索引转换为6位数字（二进制​​字符串）
• 连接四个6位数字，得到24位数字（存储为二进制字符串）
• 将24位字符串拆分为三个8位，然后分别对其进行编号以将其存储在输出数组中
• 极端情况：如果输入base64字符串以一/两个=字符结尾，则从输出数组中删除一/两个数字

下面的解决方案允许处理大型输入base64字符串。这里没有将btoa转换为base64的类似功能

function base64ToBytesArr(str) {
  const abc = [..."ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/"]; // base64 alphabet
  let result = [];

  for(let i=0; i<str.length/4; i++) {
    let chunk = [...str.slice(4*i,4*i+4)]
    let bin = chunk.map(x=> abc.indexOf(x).toString(2).padStart(6,0)).join(''); 
    let bytes = bin.match(/.{1,8}/g).map(x=> +('0b'+x));
    result.push(...bytes.slice(0,3 - (str[4*i+2]=="=") - (str[4*i+3]=="=")));
  }
  return result;
}


// --------
// TEST
// --------


let test = "Alice's Adventure in Wonderland.";  

console.log('test string:', test.length, test);
let b64_btoa = btoa(test);
console.log('encoded string:', b64_btoa);

let decodedBytes = base64ToBytesArr(b64_btoa); // decode base64 to array of bytes
console.log('decoded bytes:', JSON.stringify(decodedBytes));
let decodedTest = decodedBytes.map(b => String.fromCharCode(b) ).join``;
console.log('Uint8Array', JSON.stringify(new Uint8Array(decodedBytes)));
console.log('decoded string:', decodedTest.length, decodedTest);

const str = "dGhpcyBpcyBiYXNlNjQgc3RyaW5n"
const encoded = new TextEncoder().encode(str) // is Uint8Array
const buf = encoded.buffer // is ArrayBuffer