ArrayBufferからbase64にエンコードされた文字列

Question

ArrayBufferをマルチパートポストで使用する必要があるbase64文字列に変換するには、効率的な（ネイティブで読み込まれた）方法が必要です。

Answer 1

function _arrayBufferToBase64(buffer) { 
    var binary = ''; 
    var bytes = new Uint8Array(buffer); 
    var len = bytes.byteLength; 
    for (var i = 0; i < len; i++) { 
     binary += String.fromCharCode(bytes[ i ]); 
    } 
    return window.btoa(binary); 
} 

ですが、ネイティブではない実装はより高速です。

ES6で

var base64String = btoa(String.fromCharCode.apply(null, new Uint8Array(arrayBuffer))); 

、構文は少し簡単です：：https://gist.github.com/958841 はこれが私のために正常に動作http://jsperf.com/encoding-xhr-image-data/6

Answer 2

を参照してください、コメントで指摘したよう

let base64String = btoa(String.fromCharCode(...new Uint8Array(arrayBuffer))); 

、この方法は生じ得ますArrayBufferが大きい場合、一部のブラウザでランタイムエラーが発生する。正確なサイズ制限は、どの場合でも実装に依存します。

Answer 3

function _arrayBufferToBase64(uarr) { 
    var strings = [], chunksize = 0xffff; 
    var len = uarr.length; 

    for (var i = 0; i * chunksize < len; i++){ 
     strings.push(String.fromCharCode.apply(null, uarr.subarray(i * chunksize, (i + 1) * chunksize))); 
    } 

    return strings.join(""); 
} 

これは、あなたが文字列

Answer 4

からアンパックアーカイブのJSZipを使用する場合は、このための私の推薦は、彼らがすべて正しくArrayBuffer年代をコードしないネイティブbtoaとしての戦略を、使用しないことです、良いです...

rewrite the DOMs atob() and btoa()

DOMStringsは、ほとんどのブラウザは、Unicode文字列にwindow.btoa呼び出しでCHARACの原因となります、16ビットでエンコードされた文字列であるので、 ter Out Of Range例外：文字が8ビットASCIIエンコード文字の範囲を超えています。

私はこの正確なエラーに遭遇したことはありませんが、ArrayBufferの多くがエンコードしようとしたことが間違ってエンコードされています。

MDNの推奨または要点を使用します。

• https://github.com/beatgammit/base64-js
• https://gist.github.com/jonleighton/958841

Answer 5

別の非同期の方法ブロブとFileReaderのを使用するがあります。

私はパフォーマンスをテストしませんでした。しかし、それは考え方の違いです。

function arrayBufferToBase64(buffer, callback) { 
    var blob = new Blob([buffer],{type:'application/octet-binary'}); 
    var reader = new FileReader(); 
    reader.onload = function(evt){ 
     var dataurl = evt.target.result; 
     callback(dataurl.substr(dataurl.indexOf(',')+1)); 
    }; 
    reader.readAsDataURL(blob); 
} 

//example: 
var buf = new Uint8Array([11,22,33]); 
arrayBufferToBase64(buf, console.log.bind(console)); //"CxYh" 

Answer 6

私はこれを使用して私に役立ちます。

function arrayBufferToBase64(buffer) { 
    var binary = ''; 
    var bytes = new Uint8Array(buffer); 
    var len = bytes.byteLength; 
    for (var i = 0; i < len; i++) { 
     binary += String.fromCharCode(bytes[ i ]); 
    } 
    return window.btoa(binary); 
} 



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; 
} 

Answer 7

あなたはArray.prototype.sliceを使用してArrayBufferから通常の配列を導き出すことができます。 Array.prototype.mapのような関数を使用してバイトを文字に変換し、joinを一緒に文字列に変換します。

function arrayBufferToBase64(ab){ 

    var dView = new Uint8Array(ab); //Get a byte view   

    var arr = Array.prototype.slice.call(dView); //Create a normal array   

    var arr1 = arr.map(function(item){   
     return String.fromCharCode(item); //Convert 
    }); 

    return window.btoa(arr1.join('')); //Form a string 

} 

この方法は、文字列の連結が実行されていないため、高速です。

var base64 = btoa(
    new Uint8Array(arrayBuffer) 
    .reduce((data, byte) => data + String.fromCharCode(byte), '') 
); 

Answer 8

は、ここでスタックオーバーフローが発生することはありません Array.reduceを使用して、他の一つです

Answer 9

以下は再び

arrayToBase64String(a) { 
    return btoa(String.fromCharCode(...a)); 
} 

base64StringToArray(s) { 
    let asciiString = atob(s); 
    return new Uint8Array([...asciiString].map(char => char.charCodeAt(0))); 
} 

をBase64でStringにUint8Arrayを変換するため2シンプルな機能のものがあります。それは短い好きな人のために