Мне нужен эффективный (читаемый родной) способ конвертировать ArrayBuffer в строку base64, которая должна использоваться для многостраничного сообщения.
ArrayBuffer для кодировки base64
Ответ 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 );
}
но неродные реализации быстрее, например. https://gist.github.com/958841 см. http://jsperf.com/encoding-xhr-image-data/6
Ответ 2
Это отлично работает для меня:
var base64String = btoa(String.fromCharCode.apply(null, new Uint8Array(arrayBuffer)));
В ES6 синтаксис немного проще:
let base64String = btoa(String.fromCharCode(...new Uint8Array(arrayBuffer)));
Как указано в комментариях, этот метод может привести к ошибке выполнения в некоторых браузерах, когда массив ArrayBuffer является большим. Точный предел размера зависит от реализации в любом случае.
Ответ 3
Существует еще один асинхронный способ использования Blob и 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"
Ответ 4
Для тех, кому это нравится, здесь другой, использующий Array.reduce
, который не вызовет переполнение стека:
var base64 = btoa(
new Uint8Array(arrayBuffer)
.reduce((data, byte) => data + String.fromCharCode(byte), '')
);
Ответ 5
Я использовал это и работал у меня.
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;
}
Ответ 6
Я рекомендую НЕ использовать нативные стратегии btoa
как они неправильно кодируют все ArrayBuffer
…
переписать DOMs atob() и btoa()
Поскольку строки DOMString представляют собой строки с 16-битным кодированием, в большинстве браузеров вызов window.btoa для строки Unicode вызовет исключение "Символ вне диапазона", если символ превышает диапазон 8-битного символа в кодировке ASCII.
Хотя я никогда не сталкивался с этой точной ошибкой, я обнаружил, что многие из ArrayBuffer
я пытался кодировать, закодированы неправильно.
Я бы либо использовал рекомендацию MDN, либо суть.
Ответ 7
Ниже приведены две простые функции для преобразования Uint8Array в Base64 String и обратно
arrayToBase64String(a) {
return btoa(String.fromCharCode(...a));
}
base64StringToArray(s) {
let asciiString = atob(s);
return new Uint8Array([...asciiString].map(char => char.charCodeAt(0)));
}
Ответ 8
Вы можете получить обычный массив из ArrayBuffer
с помощью Array.prototype.slice
.
Используйте функцию типа 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
}
Этот метод выполняется быстрее, так как в нем нет конкатенаций строк.
Ответ 9
var blob = new Blob([arrayBuffer])
var reader = new FileReader();
reader.onload = function(event){
var base64 = event.target.result
};
reader.readAsDataURL(blob);
Ответ 10
Со своей стороны, используя навигатор Chrome, мне пришлось использовать DataView() для чтения arrayBuffer
function _arrayBufferToBase64( tabU8A ) {
var binary = '';
let lecteur_de_donnees = new DataView(tabU8A);
var len = lecteur_de_donnees.byteLength;
var chaine = '';
var pos1;
for (var i = 0; i < len; i++) {
binary += String.fromCharCode( lecteur_de_donnees.getUint8( i ) );
}
chaine = window.btoa( binary )
return chaine;}
Ответ 11
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("");
}
Это лучше, если вы используете JSZip для распаковки архива из строки