Blog. Just Blog

Функции base64 на JavaScript

Версия для печати Добавить в Избранное Отправить на E-Mail 23.06.2011 | Категория: Web-мастеру и не только | Автор: ManHunter
По умолчанию в JavaScript отсутствуют штатные функции преобразования данных по алгоритму Base64. Ниже приведены две функции для base64-кодирования и декодирования на JavaScript. Их удобно использовать при передаче различных данных через AJAX или через web-формы, а также для хранения в исходном коде бинарных данных, например, зашифрованных строк.
Code (HTML) : Убрать нумерацию
  1. // Функция кодирования строки в base64
  2. function base64encode(str) {
  3.     // Символы для base64-преобразования
  4.     var b64chars = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefg'+
  5.                    'hijklmnopqrstuvwxyz0123456789+/=';
  6.     var b64encoded = '';
  7.     var chr1, chr2, chr3;
  8.     var enc1, enc2, enc3, enc4;
  9.  
  10.     for (var i=0; i<str.length;) {
  11.         chr1 = str.charCodeAt(i++);
  12.         chr2 = str.charCodeAt(i++);
  13.         chr3 = str.charCodeAt(i++);
  14.  
  15.         enc1 = chr1 >> 2;
  16.         enc2 = ((chr1 & 3) << 4) | (chr2 >> 4);
  17.  
  18.         enc3 = isNaN(chr2) ? 64:(((chr2 & 15) << 2) | (chr3 >> 6));
  19.         enc4 = isNaN(chr3) ? 64:(chr3 & 63);
  20.  
  21.         b64encoded += b64chars.charAt(enc1) + b64chars.charAt(enc2) +
  22.                       b64chars.charAt(enc3) + b64chars.charAt(enc4);
  23.     }
  24.     return b64encoded;
  25. }
Функция декодирования, соответственно, выполняет обратное действие. Дополнительно в ней перед декодированием выполняется очистка исходной строки от символов, которые не относятся к base64-символам. Поэтому функции base64decode можно передавать не цельную строку, а, например, разделенную переносами строк или пробелами для удобства восприятия.
Code (HTML) : Убрать нумерацию
  1. // Функция декодирования строки из base64
  2. function base64decode(str) {
  3.     // Символы для base64-преобразования
  4.     var b64chars = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefg'+
  5.                    'hijklmnopqrstuvwxyz0123456789+/=';
  6.     var b64decoded = '';
  7.     var chr1, chr2, chr3;
  8.     var enc1, enc2, enc3, enc4;
  9.  
  10.     str = str.replace(/[^a-z0-9+/=]/gi, '');
  11.  
  12.     for (var i=0; i<str.length;) {
  13.         enc1 = b64chars.indexOf(str.charAt(i++));
  14.         enc2 = b64chars.indexOf(str.charAt(i++));
  15.         enc3 = b64chars.indexOf(str.charAt(i++));
  16.         enc4 = b64chars.indexOf(str.charAt(i++));
  17.  
  18.         chr1 = (enc1 << 2) | (enc2 >> 4);
  19.         chr2 = ((enc2 & 15) << 4) | (enc3 >> 2);
  20.         chr3 = ((enc3 & 3) << 6) | enc4;
  21.  
  22.         b64decoded = b64decoded + String.fromCharCode(chr1);
  23.  
  24.         if (enc3 < 64) {
  25.             b64decoded += String.fromCharCode(chr2);
  26.         }
  27.         if (enc4 < 64) {
  28.             b64decoded += String.fromCharCode(chr3);
  29.         }
  30.     }
  31.     return b64decoded;
  32. }
Ну и напоследок, примеры вызова этих функций:
Code (HTML) : Убрать нумерацию
  1. // Пример использования функций
  2. alert (base64encode ('ManHunter / PCL'));
  3. alert (base64decode ('SGF2ZSBhIE5pY2UgRGF5IQ=='));
Как видите, ничего сложного. Также можно пойти дальше и расширить этими функциями объект String, например, для использования в различных фреймворках.

Поделиться ссылкой ВКонтакте Поделиться ссылкой на Facebook Поделиться ссылкой на Я.ру Поделиться ссылкой на LiveJournal Поделиться ссылкой в Мой Круг Добавить в Мой мир Добавить на ЛиРу (Liveinternet) Поделиться ссылкой на Friendfeed Добавить в Яндекс.Закладки Добавить в закладки Memori Добавить в закладки Google
Просмотров: 1439 | Комментариев: 6

Комментарии

Отзывы посетителей сайта о статье
Он (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):
ManHunter (23.06.2011 в 10:56):
Главное, что очень хорошо для понимания алгоритма.
Isaev (23.06.2011 в 02:10):
Компактно!

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

Заполните форму для добавления комментария
Имя*:
Текст комментария (не более 2000 символов)*:

Все поля обязательны для заполнения.
Комментарии, содержащие рекламу, ненормативную лексику, оскорбления и т.п. будут удаляться. Злостным нарушителям доступ к сайту может быть заблокирован.
Это я :-)
Если программист в девять утра уже на работе, значит он там же и ночевал
Главная страница Web-мастеру и не только Образ мышления: Assembler Мои программы Software Темная сторона Силы Обзоры техники А еще я туда ем! Жизнь в оффлайне Всякая всячина
Карта сайта Ссылки Обратная связь Правила сайта Настройки сайта RSS-канал

Вам помог этот сайт?
Сказать спасибо! Поблагодарили 7,581 раз
<< 2012 - МАЙ >>
Пн Вт Ср Чт Пт Сб Вс
  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      
Нашли на сайте орфографическую ошибку? Выделите ее мышкой и нажмите
Ctrl
+
Пробел

Буду очень благодарен, если размеcтите мою кнопочку:
Личный блог ManHunter'а
Valid CSS Valid XHTML 1.0 Transitional Valid mobileOK Basic Valid RSS
Google PageRank: 3 Google PR: 3 Яндекс тИЦ: 70 Яндекс тИЦ: 70
Google Page Speed score: 94/100 Google Page Speed score: 94/100
Сейчас я слушаю
---
Имя:

Сообщение:

Осталось символов: 200

   
-
Наверх
Powered by PCL's Speckled Band Engine 0.2 RC3
© ManHunter / PCL, 2008-2012
При использовании материалов ссылка на сайт обязательна
Время генерации: 0,16 сек. / MySQL: 2 (0,0006 сек.) / Память: 3,5 Mb
Наверх