base64エンコード文字列をArrayBufferに変換する必要があります。base64文字列はユーザ​​ー入力であり、メールからコピーアンドペーストされるため、ページが読み込まれたときに文字列は表示されません。可能であればサーバーにajax呼び出しを行わずに、JavaScriptでこれを実行したいと思います。

これらのリンクは興味深いものでしたが、役に立ちませんでした。

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ループバージョンと比較するパフォーマンス。

- Goran.itの答えはあるため、JavaScriptでのUnicodeの問題では動作しませんhttps://developer.mozilla.org/en-US/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）、信じられないほど高い使用率の500万ダウンロードの小さなnpmパッケージ、base64-arraybufferが見つかりました。

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は、Uint8ArrayのサブクラスであるタイプBufferになります。残念ながら、OPが要求していたUint8ArrayはArrayBufferではありません。しかし、ArrayBufferを操作するときは、ほとんどの場合、Uint8Arrayまたは同様の何かでラップするので、要求されているものに近いはずです。

純粋なJS-文字列の中間ステップなし（atobなし）

base64を直接変換する次の関数を記述します（途中で文字列に変換せずに）。考え

• 4つのbase64文字チャンクを取得します
• base64アルファベットで各文字のインデックスを見つける
• インデックスを6ビットの数値（バイナリ文字列）に変換します
• 24ビットの数値を与える4つの6ビット数値を結合します（バイナリ文字列として格納されます）
• 24ビット文字列を3つの8ビットに分割し、それぞれを数値に変換して、出力配列に格納する
• コーナーケース：入力base64文字列が1/2文字で終わる=場合、出力配列から1/2の数値を削除します

以下のソリューションでは、大きな入力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