Функции base64 на JavaScript

23.06.2011 | Категория: Web-мастеру и не только | Автор: ManHunter

По умолчанию в JavaScript отсутствуют штатные функции преобразования данных по алгоритму Base64. Ниже приведены две функции для base64-кодирования и декодирования на JavaScript. Их удобно использовать при передаче различных данных через AJAX или через web-формы, а также для хранения в исходном коде бинарных данных, например, зашифрованных строк.

Code (HTML) : Убрать нумерацию

// Функция кодирования строки в base64
function base64encode(str) {
// Символы для base64-преобразования
var b64chars = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefg'+
'hijklmnopqrstuvwxyz0123456789+/=';
var b64encoded = '';
var chr1, chr2, chr3;
var enc1, enc2, enc3, enc4;
for (var i=0; i<str.length;) {
chr1 = str.charCodeAt(i++);
chr2 = str.charCodeAt(i++);
chr3 = str.charCodeAt(i++);
enc1 = chr1 >> 2;
enc2 = ((chr1 & 3) << 4) | (chr2 >> 4);
enc3 = isNaN(chr2) ? 64:(((chr2 & 15) << 2) | (chr3 >> 6));
enc4 = isNaN(chr3) ? 64:(chr3 & 63);
b64encoded += b64chars.charAt(enc1) + b64chars.charAt(enc2) +
b64chars.charAt(enc3) + b64chars.charAt(enc4);
}
return b64encoded;
}

Функция декодирования, соответственно, выполняет обратное действие. Дополнительно в ней перед декодированием выполняется очистка исходной строки от символов, которые не относятся к base64-символам. Поэтому функции base64decode можно передавать не цельную строку, а, например, разделенную переносами строк или пробелами для удобства восприятия.

Code (HTML) : Убрать нумерацию

// Функция декодирования строки из base64
function base64decode(str) {
// Символы для base64-преобразования
var b64chars = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefg'+
'hijklmnopqrstuvwxyz0123456789+/=';
var b64decoded = '';
var chr1, chr2, chr3;
var enc1, enc2, enc3, enc4;
str = str.replace(/[^a-z0-9\+\/\=]/gi, '');
for (var i=0; i<str.length;) {
enc1 = b64chars.indexOf(str.charAt(i++));
enc2 = b64chars.indexOf(str.charAt(i++));
enc3 = b64chars.indexOf(str.charAt(i++));
enc4 = b64chars.indexOf(str.charAt(i++));
chr1 = (enc1 << 2) | (enc2 >> 4);
chr2 = ((enc2 & 15) << 4) | (enc3 >> 2);
chr3 = ((enc3 & 3) << 6) | enc4;
b64decoded = b64decoded + String.fromCharCode(chr1);
if (enc3 < 64) {
b64decoded += String.fromCharCode(chr2);
}
if (enc4 < 64) {
b64decoded += String.fromCharCode(chr3);
}
}
return b64decoded;
}

Ну и напоследок, примеры вызова этих функций:

Code (HTML) : Убрать нумерацию

// Пример использования функций
alert (base64encode ('ManHunter / PCL'));
alert (base64decode ('SGF2ZSBhIE5pY2UgRGF5IQ=='));

Как видите, ничего сложного. Также можно пойти дальше и расширить этими функциями объект String, например, для использования в различных фреймворках.

Просмотров: 16344 | Комментариев: 14

Метки: JavaScript, base64

Внимание! Статья опубликована больше года назад, информация могла устареть!

Я нашел очень странную и непонятную ошибку, если кодировать строку начинающуюся с букв "вк", например "вконтакте", после вк образуются непонятные каракули. Не могли бы вы подсказать в чем тут дело?

Руслан (29.06.2012 в 20:38):

ну можно отсекать запятую с пробелом, в крайнем случае ссылку запостят в виде строки ",%20..."

ManHunter (29.06.2012 в 18:42):

Он-то как раз знает. Не знают те, кто на своих сайтах по какой-то причине используют запятую в параметрах, и ради которых ее пришлось включать в парсер. Я бы тоже с огромным удовольствием активировал все до запятой.

Руслан (29.06.2012 в 18:39):

В текущей версии оперы например btoa и atob работают или только с ASCII или просто некорректно с UTF-8 строками, короче выдает ошибку. Я пользуюсь этим http://www.webtoolkit.info/jav...-base64.html с небольшими правками отсюда http://stackoverflow.com/a/6836708, хотя как я понял это то же решение на что дал ссылки Cyko.

С русскими не работает потому что нужно перед работой перевести utf-8 коды символов кириллицы в два-три байта или наоборот. По ссылкам выше это делают utf8_encode и utf8_decode.

ManHunter, парсер для ссылок в комментах не знает о знаках пунктуации )

Он (11.05.2012 в 14:43):

Почему не работает с русскими буквами?

Infocatcher (24.06.2011 в 20:46):

В Firefox, Opera, Chrome и Safari есть btoa() и atob():
https://developer.mozilla.org/.../window.btoa
https://developer.mozilla.org/.../window.atob

А IE как обычно особенный. :)

ManHunter (23.06.2011 в 23:49):

Of course, another great site! Thx :)

Cyko (23.06.2011 в 23:21):

http://phpjs.org/functions/base64_encode:358 and http://phpjs.org/functions/base64_decode:357 :o

ManHunter (23.06.2011 в 10:56):

Главное, что очень хорошо для понимания алгоритма.

Isaev (23.06.2011 в 02:10):

Компактно!

Добавить комментарий

Заполните форму для добавления комментария

Если программист в девять утра уже на работе, значит он там же и ночевал

Главная страница Web-мастеру и не только Образ мышления: Assembler Мои программы Software Темная сторона Силы Обзоры техники А еще я туда ем! Жизнь в оффлайне Всякая всячина

Карта сайта Ссылки Обратная связь Правила сайта Настройки сайта RSS-канал

Материалы, опубликованные на этом сайте, не рекомендуются к просмотру лицам в возрасте до 16 лет без присутствия взрослых.

Метки статей

Свернуть

Вам помог этот сайт?

Поблагодарили 35,699 раз

День памяти крымчаков и евреев Крыма – жертв нацизма

Международный день танго

Нашли на сайте орфографическую ошибку? Выделите ее мышкой и нажмите

Ctrl

Enter

Буду очень благодарен, если размеcтите мою кнопочку:

<a href="https://www.manhunter.ru" target="_blank"><img src="https://www.manhunter.ru/images/button.gif" alt="Личный блог ManHunter'а" title="Личный блог ManHunter'а" width="88" height="31" /></a>

$Яндекс тИЦ: {YANDEX_TIC}$

Яндекс ИКС: 360

Сейчас я слушаю

---

- автообновление

Powered by PCL's Speckled Band Engine 0.2 RC3
© ManHunter / PCL, 2008-2024
При использовании материалов ссылка на сайт обязательна
Время генерации: 0.08 сек. / MySQL: 2 (0.0045 сек.) / Память: 4.5 Mb

	2024 - ДЕКАБРЬ
Пн	Вт	Ср	Чт	Пт	Сб	Вс
						1
2	3	4	5	6	7	8
9	10	11	12	13	14	15
16	17	18	19	20	21	22
23	24	25	26	27	28	29
30	31

Функции base64 на JavaScript

Комментарии

Добавить комментарий