Кодирование и декодирование Base64 в Javascript на стороне клиента

btoa () atob () и Исходный ответ: Глядя на вывод

Переписанные и модульные библиотеки / модули кодирования и декодирования JavaScript UTF-8 и Base64 для AMD, CommonJS, Nodejs и браузеров. Кросс-браузер совместим. Как вы можете кодировать строку в Base64 в JavaScript?

метод.

// Define the string
var string = 'Hello World!';

// Encode the String
var encodedString = btoa(string);
console.log(encodedString); // Outputs: "SGVsbG8gV29ybGQh"

// Decode the String
var decodedString = atob(encodedString);
console.log(decodedString); // Outputs: "Hello World!"

cross-browser

с Dojo.js


А вот

Чтобы решить эту проблему, используйте любое событие страницы, перечисленное в

//Buffer() requires a number, array or string as the first parameter, and an optional encoding type as the second parameter. 
// Default is utf8, possible encoding types are ascii, utf8, ucs2, base64, binary, and hex
var b = new Buffer('JavaScript');
// If we don't use toString(), JavaScript assumes we want to convert the object to utf8.
// We can make it convert to other formats by passing the encoding type to toString().
var s = b.toString('base64');

Лучшее решение:

var b = new Buffer('SmF2YVNjcmlwdA==', 'base64')
var s = b.toString();

Для кодирования массива байтов с помощью dojox.encoding.base64:

Для декодирования строки в кодировке base64:

var str = dojox.encoding.base64.encode(myByteArray);

Но как?

var bytes = dojox.encoding.base64.decode(str)

bower install angular-base64

<script src="bower_components/angular-base64/angular-base64.js"></script>

angular
    .module('myApp', ['base64'])
    .controller('myController', [

    '$base64', '$scope', 
    function($base64, $scope) {

        $scope.encoded = $base64.encode('a string');
        $scope.decoded = $base64.decode('YSBzdHJpbmc=');
}]);

Если вы хотите узнать больше о том, как base64 кодируется в целом, и, в частности, в JavaScript, я бы порекомендовал эту статью:

Информатика в JavaScript: исправление кодировки Base64 от Ярослава, устраняет трейлинг нули, плюс немного кода гольф.

Этот HTML-документ просто печатает сообщение, доставленное &0xff Короткая и быстрая функция декодирования JavaScript Base64 без Failsafe:

decodeBase64 = function(s) {
    var e={},i,b=0,c,x,l=0,a,r='',w=String.fromCharCode,L=s.length;
    var A="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789 /";
    for(i=0;i<64;i  ){e[A.charAt(i)]=i;}
    for(x=0;x<L;x  ){
        c=e[s.charAt(x)];b=(b<<6) c;l =6;
        while(l>=8){((a=(b>>>(l-=8))&0xff)||(x<(L-2)))&&(r =w(a));}
    }
    return r;
};

php.js

function decode_base64 (s)
{
    var e = {}, i, k, v = [], r = '', w = String.fromCharCode;
    var n = [[65, 91], [97, 123], [48, 58], [43, 44], [47, 48]];

    for (z in n)
    {
        for (i = n[z][0]; i < n[z][1]; i  )
        {
            v.push(w(i));
        }
    }
    for (i = 0; i < 64; i  )
    {
        e[v[i]] = i;
    }

    for (i = 0; i < s.length; i =72)
    {
        var b = 0, c, x, l = 0, o = s.substring(i, i 72);
        for (x = 0; x < o.length; x  )
        {
            c = e[o.charAt(x)];
            b = (b << 6)   c;
            l  = 6;
            while (l >= 8)
            {
                r  = w((b >>> (l -= 8)) % 256);
            }
         }
    }
    return r;
}

Переменная проект имеет реализации JavaScript многих функций PHP. включены. base64_encode и base64_decode Кто-то сказал код гольф? =)

function b64_to_utf8( str ) {
  return decodeURIComponent(escape(window.atob( str )));
}

 https://developer.mozilla.org/en-US/docs/Web/API/WindowBase64/Base64_encoding_and_decoding#The_.22Unicode_Problem.22

Следующее — моя попытка улучшить свой гандикап, не отставая от времени. Поставляется для вашего удобства.

То, что я действительно делал после этого, было асинхронной реализацией, и, к моему удивлению, оказалось, что

function decode_base64(s) {
  var b=l=0, r='',
  m='ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789 /';
  s.split('').forEach(function (v) {
    b=(b<<6) m.indexOf(v); l =6;
    if (l>=8) r =String.fromCharCode((b>>>(l-=8))&0xff);
  });
  return r;
}

Что я было на самом деле после того, как было асинхронной реализацией, и, к моему удивлению, оказалось, что forEach в отличие от реализации метода JQuery $([]).each очень синхронно.

Если вы также имели в виду такие сумасшедшие идеи, задержка 0 window.setTimeout будет выполнять декодирование base64 асинхронно и выполнять функцию обратного вызова с результатом, когда закончите.

function decode_base64_async(s, cb) {
  setTimeout(function () { cb(decode_base64(s)); }, 0);
}

@ Зубная щетка предложила «проиндексировать строку как массив» и избавиться от split. Эта процедура кажется действительно странной и не уверенной, насколько она будет совместимой, но она попала в другую птичку, так что давайте попробуем.

function decode_base64(s) {
  var b=l=0, r='',
  m='ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789 /';
  [].forEach.call(s, function (v) {
    b=(b<<6) m.indexOf(v); l =6;
    if (l>=8) r =String.fromCharCode((b>>>(l-=8))&0xff);
  });
  return r;
}

Пытаясь найти дополнительную информацию о строке JavaScript в виде массива, я наткнулся на этот профессиональный совет, используя регулярное выражение /./g для перехода по строке. Это еще больше уменьшает размер кода, заменяя строку на месте и избавляя от необходимости сохранять возвращаемую переменную.

function decode_base64(s) {
  var b=l=0,
  m='ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789 /';
  return s.replace(/./g, function (v) {
    b=(b<<6) m.indexOf(v); l =6;
    return l<8?'':String.fromCharCode((b>>>(l-=8))&0xff);
  });
}

Если, однако, вы искали что-то более традиционное, возможно, вам больше понравится.

function decode_base64(s) {
  var b=l=0, r='', s=s.split(''), i,
  m='ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789 /';
  for (i in s) {
    b=(b<<6) m.indexOf(s[i]); l =6;
    if (l>=8) r =String.fromCharCode((b>>>(l-=8))&0xff);
  }
  return r;
}

У меня не было проблемы с завершающим нулем, поэтому она была удалена, чтобы оставаться в соответствии с номиналом, но ее легко можно решить с помощью trim() или trimRight(), если вы предпочитаете, если это создаст проблему для вас.

Т.

return r.trimRight();

Примечание:

в StackOverflow ( ответил тот же @JohnResig), и он указал, что с jQuery вы можете сделать escape строка байтов, которая затем может быть декодирована с помощью decodeURIComponent чтобы создать строку в юникоде.

function decode_base64_usc(s) {      
  return decodeURIComponent(escape(decode_base64(s)));
}

в вашем CSS escape устарело, мы могли бы изменить нашу функцию для поддержки Юникода напрямую, без необходимости escape или String.fromCharCode, мы можем создать экранированную строку %, готовую для декодирования URI.

function decode_base64(s) {
  var b=l=0,
  m='ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789 /';
  return decodeURIComponent(s.replace(/./g, function (v) {
    b=(b<<6) m.indexOf(v); l =6;
    return l<8?'':'%' (0x100 ((b>>>(l-=8))&0xff)).toString(16).slice(-2);
  }));
}

nJoy!

Я пробовал подпрограммы Javascript на phpjs.org, и они работали хорошо.

Сначала я попробовал процедуры, предложенные в выбранном ответе Ранхиру Курей — В последнем случае вам необходимо тщательно протестировать функцию на совместимость с различными браузерами. А об ошибке

Я обнаружил, что они не работают при любых обстоятельствах. Я написал тестовый пример, где эти процедуры не выполняются, и разместил их на GitHub по адресу:

на самом деле не является создателем действий. Он не возвращает действие Redux.

Я также разместил комментарий к сообщению в блоге на ntt.cc, чтобы предупредить автора (в ожидании модерации — статья старая, поэтому не уверен, если комментарий будет опубликовано).

Я бы лучше использовал методы кодирования / декодирования bas64 из CryptoJS Вот старая версия с использованием jQuery.ajax. Он может искажать двоичные данные, когда ответ преобразуется в строку некоторой кодировки.

В Node.js мы можем сделать это простым способом

var base64 = 'SGVsbG8gV29ybGQ='
var base64_decode = new Buffer(base64, 'base64').toString('ascii');

console.log(base64_decode); // "Hello World"