У меня есть связь через webSocket, я получаю строку в кодировке base64, конвертирую ее в uint8 и работаю над ней, но теперь мне нужно отправить обратно, я получил массив uint8 и мне нужно преобразовать его в строку base64, чтобы я мог его отправить. Как я могу сделать это преобразование?
Ответы:
Все уже предложенные решения имеют серьезные проблемы. Некоторые решения не работают с большими массивами, некоторые дают неправильный вывод, некоторые выдают ошибку при вызове btoa, если промежуточная строка содержит многобайтовые символы, некоторые потребляют больше памяти, чем необходимо.
Поэтому я реализовал функцию прямого преобразования, которая работает независимо от ввода. На моей машине он преобразует около 5 миллионов байт в секунду.
https://gist.github.com/enepomnyaschih/72c423f727d395eeaa09697058238727
"ABCDEFG..."?
Если ваши данные могут содержать многобайтовые последовательности (а не простую последовательность ASCII) и в вашем браузере есть TextDecoder , вам следует использовать это для декодирования ваших данных (укажите требуемую кодировку для TextDecoder):
var u8 = new Uint8Array([65, 66, 67, 68]);
var decoder = new TextDecoder('utf8');
var b64encoded = btoa(decoder.decode(u8));
Если вам нужно поддерживать браузеры, в которых нет TextDecoder (в настоящее время это только IE и Edge), то лучшим вариантом является использование полифилла TextDecoder .
Если ваши данные содержат простой ASCII (а не многобайтовый Unicode / UTF-8), существует простая альтернатива, String.fromCharCodeкоторая должна поддерживаться достаточно повсеместно:
var ascii = new Uint8Array([65, 66, 67, 68]);
var b64encoded = btoa(String.fromCharCode.apply(null, ascii));
И чтобы декодировать строку base64 обратно в Uint8Array:
var u8_2 = new Uint8Array(atob(b64encoded).split("").map(function(c) {
return c.charCodeAt(0); }));
Если у вас очень большие буферы массива, то применение может завершиться неудачно, и вам может потребоваться разбить буфер (на основе того, что опубликовал @RohitSengar). Опять же, обратите внимание, что это правильно, только если ваш буфер содержит только немногобайтовые символы ASCII:
function Uint8ToString(u8a){
var CHUNK_SZ = 0x8000;
var c = [];
for (var i=0; i < u8a.length; i+=CHUNK_SZ) {
c.push(String.fromCharCode.apply(null, u8a.subarray(i, i+CHUNK_SZ)));
}
return c.join("");
}
// Usage
var u8 = new Uint8Array([65, 66, 67, 68]);
var b64encoded = btoa(Uint8ToString(u8));
btoa(String.fromCharCode.apply(null, myArray))
Uint8Array. TextDecoderабсолютно неправильная вещь для использования здесь, потому что, если у вас Uint8Arrayесть байты в диапазоне 128..255, текстовый декодер ошибочно преобразует их в символы Unicode, что нарушит преобразователь base64.
Очень простое решение и тест на JavaScript!
ToBase64 = function (u8) {
return btoa(String.fromCharCode.apply(null, u8));
}
FromBase64 = function (str) {
return atob(str).split('').map(function (c) { return c.charCodeAt(0); });
}
var u8 = new Uint8Array(256);
for (var i = 0; i < 256; i++)
u8[i] = i;
var b64 = ToBase64(u8);
console.debug(b64);
console.debug(FromBase64(b64));
RangeError: Maximum call stack size exceeded
function Uint8ToBase64(u8Arr){
var CHUNK_SIZE = 0x8000; //arbitrary number
var index = 0;
var length = u8Arr.length;
var result = '';
var slice;
while (index < length) {
slice = u8Arr.subarray(index, Math.min(index + CHUNK_SIZE, length));
result += String.fromCharCode.apply(null, slice);
index += CHUNK_SIZE;
}
return btoa(result);
}
Вы можете использовать эту функцию, если у вас очень большой Uint8Array. Это для Javascript, может быть полезно в случае FileReader readAsArrayBuffer.
String.fromCharCode.apply()Методы @Jens не могут воспроизводить UTF-8: символы UTF-8 могут иметь различную длину от одного байта до четырех байтов, но String.fromCharCode.apply()проверяет UInt8Array в сегментах UInt8, поэтому он ошибочно предполагает, что каждый символ имеет длину ровно один байт и не зависит от соседних ед. Если все символы, закодированные во входном UInt8Array, находятся в диапазоне ASCII (однобайтовый), он сработает случайно, но не сможет воспроизвести полный UTF-8. Для этого вам понадобится TextDecoder или аналогичный алгоритм .
Если вы используете Node.js, вы можете использовать этот код для преобразования Uint8Array в base64.
var b64 = Buffer.from(u8).toString('base64');
Вот функция JS для этого:
Эта функция необходима, потому что Chrome не принимает строку в кодировке base64 в качестве значения для applicationServerKey в pushManager.subscribe, но https://bugs.chromium.org/p/chromium/issues/detail?id=802280
function urlBase64ToUint8Array(base64String) {
var padding = '='.repeat((4 - base64String.length % 4) % 4);
var base64 = (base64String + padding)
.replace(/\-/g, '+')
.replace(/_/g, '/');
var rawData = window.atob(base64);
var outputArray = new Uint8Array(rawData.length);
for (var i = 0; i < rawData.length; ++i) {
outputArray[i] = rawData.charCodeAt(i);
}
return outputArray;
}
В приведенном ниже решении я опускаю преобразование в строку. ИДЕЯ следующая:
=или ==к результатуРешение, приведенное ниже, работает с 3-байтовыми фрагментами, поэтому оно подходит для больших массивов. Аналогичное решение для преобразования base64 в двоичный массив (без atob) ЗДЕСЬ
Используйте следующее, чтобы преобразовать массив uint8 в строку в кодировке base64
function arrayBufferToBase64(buffer) {
var binary = '';
var bytes = [].slice.call(new Uint8Array(buffer));
bytes.forEach((b) => binary += String.fromCharCode(b));
return window.btoa(binary);
};
(Декодируйте строку Base64 в Uint8Array или ArrayBuffer с поддержкой Unicode)
Очень хороший подход к этому показан на веб-сайте Mozilla Developer Network :
function btoaUTF16 (sString) {
var aUTF16CodeUnits = new Uint16Array(sString.length);
Array.prototype.forEach.call(aUTF16CodeUnits, function (el, idx, arr) { arr[idx] = sString.charCodeAt(idx); });
return btoa(String.fromCharCode.apply(null, new Uint8Array(aUTF16CodeUnits.buffer)));
}
function atobUTF16 (sBase64) {
var sBinaryString = atob(sBase64), aBinaryView = new Uint8Array(sBinaryString.length);
Array.prototype.forEach.call(aBinaryView, function (el, idx, arr) { arr[idx] = sBinaryString.charCodeAt(idx); });
return String.fromCharCode.apply(null, new Uint16Array(aBinaryView.buffer));
}
var myString = "☸☹☺☻☼☾☿";
var sUTF16Base64 = btoaUTF16(myString);
console.log(sUTF16Base64); // Shows "OCY5JjomOyY8Jj4mPyY="
var sDecodedString = atobUTF16(sUTF16Base64);
console.log(sDecodedString); // Shows "☸☹☺☻☼☾☿"Если все, что вам нужно, это JS-реализация кодировщика base64, чтобы вы могли отправлять данные обратно, вы можете попробовать эту btoaфункцию.
b64enc = btoa(uint);
Несколько замечаний по btoa - это нестандартно, поэтому браузеры не обязаны его поддерживать. Однако большинство браузеров это делают. По крайней мере, большие. atobпротивоположное преобразование.
Если вам нужна другая реализация или вы обнаружите крайний случай, когда браузер не понимает, о чем вы говорите, поиск кодировщика base64 для JS не будет слишком сложным.
Думаю, их трое по какой-то причине торчат на сайте моей компании ...
npm install google-closure-library --save
require("google-closure-library");
goog.require('goog.crypt.base64');
var result =goog.crypt.base64.encodeByteArray(Uint8Array.of(1,83,27,99,102,66));
console.log(result);
$node index.jsнапишет в консоль AVMbY2Y = .
-veголосование за ответ принимается, а не высоко +ve.