Ответы:
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
join()
их окончание значительно быстрее в Firefox, IE и Safari (но в Chrome - намного медленнее): jsperf.com/tobase64-implementations
Failed to execute 'atob' on 'Window': The string to be decoded is not correctly encoded.
Это прекрасно работает для меня:
var base64String = btoa(String.fromCharCode.apply(null, new Uint8Array(arrayBuffer)));
В ES6 синтаксис немного проще:
let base64String = btoa(String.fromCharCode(...new Uint8Array(arrayBuffer)));
Как указано в комментариях, этот метод может привести к ошибке во время выполнения в некоторых браузерах, когда ArrayBuffer
он большой. Точный предел размера зависит от реализации в любом случае.
btoa([].reduce.call(new Uint8Array(bufferArray),function(p,c){return p+String.fromCharCode(c)},''))
btoa
безопасен для символов в диапазоне кодов от 0 до 255, как и здесь (подумайте о 8 в Uint8Array
).
Для тех, кто любит это коротко, вот другое использование, Array.reduce
которое не вызовет переполнение стека:
var base64 = btoa(
new Uint8Array(arrayBuffer)
.reduce((data, byte) => data + String.fromCharCode(byte), '')
);
<amount of Bytes in the buffer>
новые строки.
btoa(new Uint8Array(arraybuffer).reduce((data,byte)=>(data.push(String.fromCharCode(byte)),data),[]).join(''))
?
Существует еще один асинхронный способ использования 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"
dataurl.split(',', 2)[1]
вместо dataurl.substr(dataurl.indexOf(',')+1)
.
readAsDataURL
теоретически может вернуть процент закодированного dataURI (и, похоже, это действительно так в jsdom )
split
лучше, чем substring
?
Я использовал это и работает для меня.
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;
}
Моя рекомендация для этого - НЕ использовать нативные btoa
стратегии, так как они неправильно кодируют все ArrayBuffer
…
переписать DOMs atob () и btoa ()
Поскольку строки DOMString представляют собой строки с 16-битным кодированием, в большинстве браузеров вызов окна window.btoa для строки Unicode вызовет исключение «Символ вне диапазона», если символ превышает диапазон 8-битного символа в кодировке ASCII.
Хотя я никогда не сталкивался с этой точной ошибкой, я обнаружил, что многие из кодов, которые ArrayBuffer
я пытался кодировать, были закодированы неправильно.
Я бы использовал рекомендацию MDN или суть.
btoa
не работает на String, но OP спрашивает ArrayBuffer
.
var blob = new Blob([arrayBuffer])
var reader = new FileReader();
reader.onload = function(event){
var base64 = event.target.result
};
reader.readAsDataURL(blob);
Ниже приведены две простые функции для преобразования 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)));
}
function
ключевое слово, и оно должно работать в современном браузере.
Вы можете получить нормальный массив с 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
}
Этот метод работает быстрее, так как в нем нет конкатенации строк.
В OP не указана «Запущенная среда», но если вы используете Node.JS, существует очень простой способ сделать это.
Согласование с официальными документами Node.JS https://nodejs.org/api/buffer.html#buffer_buffers_and_character_encodings
// This step is only necessary if you don't already have a Buffer Object
const buffer = Buffer.from(yourArrayBuffer);
const base64String = buffer.toString('base64');
Кроме того, если вы работаете под Angular, например, Buffer Class также будет доступен в среде браузера.
Javascript
. Поэтому я обновил свой ответ, чтобы сделать его более лаконичным. Я думаю, что это важный ответ, потому что я искал, как это сделать, и не смог найти лучший ответ на проблему.
Со своей стороны, используя навигатор 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;}
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 для распаковки архива из строки