Javascript.RU

PHP-функция: base64_encode

Javascript:

function base64_encode( data ) {	// Encodes data with MIME base64
	// 
	// +   original by: Tyler Akins (http://rumkin.com)
	// +   improved by: Bayron Guevara

	var b64 = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=";
	var o1, o2, o3, h1, h2, h3, h4, bits, i=0, enc='';

	do { // pack three octets into four hexets
		o1 = data.charCodeAt(i++);
		o2 = data.charCodeAt(i++);
		o3 = data.charCodeAt(i++);

		bits = o1<<16 | o2<<8 | o3;

		h1 = bits>>18 & 0x3f;
		h2 = bits>>12 & 0x3f;
		h3 = bits>>6 & 0x3f;
		h4 = bits & 0x3f;

		// use hexets to index into b64, and append result to encoded string
		enc += b64.charAt(h1) + b64.charAt(h2) + b64.charAt(h3) + b64.charAt(h4);
	} while (i < data.length);

	switch( data.length % 3 ){
		case 1:
			enc = enc.slice(0, -2) + '==';
		break;
		case 2:
			enc = enc.slice(0, -1) + '=';
		break;
	}

	return enc;
}

Примеры:

base64_encode('Kevin van Zonneveld');
'S2V2aW4gdmFuIFpvbm5ldmVsZA=='


Автор: freelancer (не зарегистрирован), дата: 19 июня, 2008 - 17:19
#permalink

Спасибо! Использую encode decode для простенькой шифровки/расшифровки.


Автор: kirilloid (не зарегистрирован), дата: 4 июня, 2009 - 19:28
#permalink

Функция работает неправильно.
Hint: Смотрим спецификацию charCodeAt


Автор: KP-0B0-C0C (не зарегистрирован), дата: 6 апреля, 2010 - 16:57
#permalink

Подтверждаю! Функция со спецсимволами и пр. юникодной изюминой работает неправильно! Вы бы хоть тестировали перед выкладкой, что ли...


Автор: KP-0B0-C0C (не зарегистрирован), дата: 6 апреля, 2010 - 17:51
#permalink

Вот полностью рабочий вариант:

/**
*
*  Base64 encode / decode
*  http://www.webtoolkit.info/
*
**/
 
var Base64 = {
 
	// private property
	_keyStr : "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=",
 
	// public method for encoding
	encode : function (input) {
		var output = "";
		var chr1, chr2, chr3, enc1, enc2, enc3, enc4;
		var i = 0;
 
		input = Base64._utf8_encode(input);
 
		while (i < input.length) {
 
			chr1 = input.charCodeAt(i++);
			chr2 = input.charCodeAt(i++);
			chr3 = input.charCodeAt(i++);
 
			enc1 = chr1 >> 2;
			enc2 = ((chr1 & 3) << 4) | (chr2 >> 4);
			enc3 = ((chr2 & 15) << 2) | (chr3 >> 6);
			enc4 = chr3 & 63;
 
			if (isNaN(chr2)) {
				enc3 = enc4 = 64;
			} else if (isNaN(chr3)) {
				enc4 = 64;
			}
 
			output = output +
			this._keyStr.charAt(enc1) + this._keyStr.charAt(enc2) +
			this._keyStr.charAt(enc3) + this._keyStr.charAt(enc4);
 
		}
 
		return output;
	},
 
	// public method for decoding
	decode : function (input) {
		var output = "";
		var chr1, chr2, chr3;
		var enc1, enc2, enc3, enc4;
		var i = 0;
 
		input = input.replace(/[^A-Za-z0-9\+\/\=]/g, "");
 
		while (i < input.length) {
 
			enc1 = this._keyStr.indexOf(input.charAt(i++));
			enc2 = this._keyStr.indexOf(input.charAt(i++));
			enc3 = this._keyStr.indexOf(input.charAt(i++));
			enc4 = this._keyStr.indexOf(input.charAt(i++));
 
			chr1 = (enc1 << 2) | (enc2 >> 4);
			chr2 = ((enc2 & 15) << 4) | (enc3 >> 2);
			chr3 = ((enc3 & 3) << 6) | enc4;
 
			output = output + String.fromCharCode(chr1);
 
			if (enc3 != 64) {
				output = output + String.fromCharCode(chr2);
			}
			if (enc4 != 64) {
				output = output + String.fromCharCode(chr3);
			}
 
		}
 
		output = Base64._utf8_decode(output);
 
		return output;
 
	},
 
	// private method for UTF-8 encoding
	_utf8_encode : function (string) {
		string = string.replace(/\r\n/g,"\n");
		var utftext = "";
 
		for (var n = 0; n < string.length; n++) {
 
			var c = string.charCodeAt(n);
 
			if (c < 128) {
				utftext += String.fromCharCode(c);
			}
			else if((c > 127) && (c < 2048)) {
				utftext += String.fromCharCode((c >> 6) | 192);
				utftext += String.fromCharCode((c & 63) | 128);
			}
			else {
				utftext += String.fromCharCode((c >> 12) | 224);
				utftext += String.fromCharCode(((c >> 6) & 63) | 128);
				utftext += String.fromCharCode((c & 63) | 128);
			}
 
		}
 
		return utftext;
	},
 
	// private method for UTF-8 decoding
	_utf8_decode : function (utftext) {
		var string = "";
		var i = 0;
		var c = c1 = c2 = 0;
 
		while ( i < utftext.length ) {
 
			c = utftext.charCodeAt(i);
 
			if (c < 128) {
				string += String.fromCharCode(c);
				i++;
			}
			else if((c > 191) && (c < 224)) {
				c2 = utftext.charCodeAt(i+1);
				string += String.fromCharCode(((c & 31) << 6) | (c2 & 63));
				i += 2;
			}
			else {
				c2 = utftext.charCodeAt(i+1);
				c3 = utftext.charCodeAt(i+2);
				string += String.fromCharCode(((c & 15) << 12) | ((c2 & 63) << 6) | (c3 & 63));
				i += 3;
			}
 
		}
 
		return string;
	}
 
}

Автор: 4erk, дата: 18 мая, 2010 - 23:22
#permalink

вот вариант для чтения бинариков на странице с вин1251 кодировкой

function base64en(str) {
var b,c,out='',
l=false,i=0,
key6='ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/',
key8='ЂЃ‚ѓ„…†‡€‰Љ‹ЊЌЋЏђ‘’“”•–—!™љ›њќћџ'+String.fromCharCode(160)+'ЎўЈ¤Ґ¦§Ё©Є«¬'+String.fromCharCode(173)+'®Ї°±Ііґµ¶·ё№є»јЅѕїАБВГДЕЖЗИЙКЛМНОПРСТУФХЦЧШЩЪЫЬЭЮЯабвгдежзийклмнопрстуфхцчшщъыьэюя',
len = str.length;
while (i<len) {
out+=key6.charAt((b=(((c=str.charCodeAt(i++))>127)?((c==65533)?(152<<16):((((c=key8.indexOf(String.fromCharCode(c))|128)<0)?0:c<<16))):c<<16)|(((c=str.charCodeAt(i++))>127)?((c==65533)?152<<8:((((c=key8.indexOf(String.fromCharCode(c))|128)<0)?0:c<<8))):c<<8)|(((c=str.charCodeAt(i++))>127)?((c==65533)?152:((((c=key8.indexOf(String.fromCharCode(c))|128)<0)?0:c))):c))>>18)+key6.charAt(b>>12&63)+key6.charAt(b>>6&63)+key6.charAt(b&63);
}
return out;
}

Автор: torn008, дата: 17 ноября, 2012 - 14:22
#permalink

функция в принципе правильная, только в конце текста надо добавлять
'=' при не полном наборе символов. В жизни разницы не заметил, хотя может глюки при декодировании в PHP из за этого. Подправленный код -

function base64en(str) {
   var i,l,b,b2,b3,c,out='',key6='ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/',
   key8='ЂЃ‚ѓ„…†‡€‰Љ‹ЊЌЋЏђ‘’“”•–—!™љ›њќћџ'+String.fromCharCode(160)+'ЎўЈ¤Ґ¦§Ё©Є«¬'+String.fromCharCode(173)+'®Ї°±Ііґµ¶·ё№є»јЅѕїАБВГДЕЖЗИЙКЛМНОПРСТУФХЦЧШЩЪЫЬЭЮЯабвгдежзийклмнопрстуфхцчшщъыьэюя'
   for(i=0,l=str.length;i<l;){
      out+=key6.charAt((b=(((c=str.charCodeAt(i++))>127)?((c==65533)?(152<<16):((((c=key8.indexOf(String.fromCharCode(c))|128)<0)?0:c<<16))):c<<16)|(((c=str.charCodeAt(i++))>127)?((c==65533)?152<<8:((((c=key8.indexOf(String.fromCharCode(c))|128)<0)?0:(b2=isNaN(c),c<<8)))):c<<8)|(((c=str.charCodeAt(i++))>127)?((c==65533)?152:((((c=key8.indexOf(String.fromCharCode(c))|128)<0)?0:c))):(b3=isNaN(c),c)))>>18)+key6.charAt(b>>12&63)+(b2 ? '=' : key6.charAt(b>>6&63))+(b3 ? '=' : key6.charAt(b&63));
   }
   return out;
}

Автор: 4erk, дата: 18 мая, 2010 - 23:24
#permalink

скорость обработки 3-4 метров в секунду. так что норм.


Автор: Гость (не зарегистрирован), дата: 2 июля, 2013 - 14:49
#permalink

Конечно, на PHP это сделать проще, но удобно использовать в HTML Aplication


Автор: Vital72 (не зарегистрирован), дата: 17 мая, 2014 - 19:51
#permalink

глупо всё это.
в современных браузерах давно уже есть atob() и btoa ()


Автор: elagin91, дата: 25 мая, 2014 - 17:09
#permalink

Не надо ля-ля. Моя функция работает и работает нормально! А atob и btoa работают только с английскими символами.


Автор: Гость (не зарегистрирован), дата: 29 сентября, 2014 - 21:46
#permalink

2 elagin91 - не работает. Сбивается на слове Волобуев записанном в utf-8. Самому смешно, но факт.


Автор: elagin91, дата: 14 декабря, 2014 - 16:53
#permalink

Не знаю, где и как ты тестировал, но у меня всё норм.


Автор: Dratogon (не зарегистрирован), дата: 4 ноября, 2016 - 15:58
#permalink
var encodedData = window.btoa("Hello, world"); // encode a string
alert(encodedData);
var decodedData = window.atob(encodedData); // decode the string
alert(decodedData);

Автор: Гость (не зарегистрирован), дата: 8 февраля, 2018 - 16:10
#permalink

Спасибо за функцию. Идеально подходит для моего менеджера паролей. Правда я немного кода всё же добавил для кодирования двоичных данных (т.е. любых массивов)

if (typeof(data) == "string"){
	o1 = data.charCodeAt(i++);
	o2 = data.charCodeAt(i++);
	o3 = data.charCodeAt(i++);
}
else{
	o1 = data[i++];
	o2 = data[i++];
	o3 = data[i++];
}

Автор: Гость (не зарегистрирован), дата: 12 апреля, 2022 - 21:12
#permalink

Автор: Гость (не зарегистрирован), дата: 16 апреля, 2022 - 00:22
#permalink

Автор: Гость (не зарегистрирован), дата: 16 апреля, 2022 - 13:25
#permalink

Отправить комментарий

Приветствуются комментарии:
  • Полезные.
  • Дополняющие прочитанное.
  • Вопросы по прочитанному. Именно по прочитанному, чтобы ответ на него помог другим разобраться в предмете статьи. Другие вопросы могут быть удалены.
    Для остальных вопросов и обсуждений есть форум.
P.S. Лучшее "спасибо" - не комментарий, как все здорово, а рекомендация или ссылка на статью.
Содержание этого поля является приватным и не предназначено к показу.
  • Адреса страниц и электронной почты автоматически преобразуются в ссылки.
  • Разрешены HTML-таги: <strike> <a> <em> <strong> <cite> <code> <ul> <ol> <li> <dl> <dt> <dd> <u> <i> <b> <pre> <img> <abbr> <blockquote> <h1> <h2> <h3> <h4> <h5> <p> <div> <span> <sub> <sup>
  • Строки и параграфы переносятся автоматически.
  • Текстовые смайлы будут заменены на графические.

Подробнее о форматировании

CAPTCHA
Антиспам
13 + 1 =
Введите результат. Например, для 1+3, введите 4.
 
Поиск по сайту
Содержание

Учебник javascript

Основные элементы языка

Сундучок с инструментами

Интерфейсы

Все об AJAX

Оптимизация

Разное

Дерево всех статей

Последние комментарии
Последние темы на форуме
Forum