文档章节

Base64 编码解码算法(JS版)

G
 Galanodel
发布于 2017/05/05 09:35
字数 674
阅读 26
收藏 0
<html>
<HTML>
<HEAD>
<TITLE>Base64</TITLE>
<script type='text/javascript'>
	var BASE64_ENCODE_CHARS = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/";
	var BASE64_DECODE_CHARS = [ -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, 62, -1, -1, -1, 63, 52, 53, 54, 55, 56, 57,
			58, 59, 60, 61, -1, -1, -1, -1, -1, -1, -1, 0, 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, -1, -1, -1, -1, -1, -1, 26, 27, 28, 29, 30, 31, 32, 33, 34, 35, 36, 37, 38, 39, 40, 41, 42, 43, 44,
			45, 46, 47, 48, 49, 50, 51, -1, -1, -1, -1, -1 ];

	function encodeBase64(str) {
		var c1, c2, c3, i = 0, len = str.length, out = [];
		while (i < len) {
			c1 = str.charCodeAt(i++) & 0xff;
			if (i == len) {
				out.push(BASE64_ENCODE_CHARS.charAt(c1 >> 2));
				out.push(BASE64_ENCODE_CHARS.charAt((c1 & 0x3) << 4));
				out.push('==');
				break;
			}
			c2 = str.charCodeAt(i++);
			if (i == len) {
				out.push(BASE64_ENCODE_CHARS.charAt(c1 >> 2));
				out.push(BASE64_ENCODE_CHARS.charAt(((c1 & 0x3) << 4) | ((c2 & 0xF0) >> 4)));
				out.push(BASE64_ENCODE_CHARS.charAt((c2 & 0xF) << 2));
				out.push('=');
				break;
			}
			c3 = str.charCodeAt(i++);
			out.push(BASE64_ENCODE_CHARS.charAt(c1 >> 2));
			out.push(BASE64_ENCODE_CHARS.charAt(((c1 & 0x3) << 4) | ((c2 & 0xF0) >> 4)));
			out.push(BASE64_ENCODE_CHARS.charAt(((c2 & 0xF) << 2) | ((c3 & 0xC0) >> 6)));
			out.push(BASE64_ENCODE_CHARS.charAt(c3 & 0x3F));
		}
		return out.join('');
	}

	function decodeBase64(str) {
		var c1, c2, c3, c4, i = 0, len = str.length, out = [];
		while (i < len) {
			/* c1 */
			do {
				c1 = BASE64_DECODE_CHARS[str.charCodeAt(i++) & 0xff];
			} while (i < len && c1 == -1);
			if (c1 == -1)
				break;
			/* c2 */
			do {
				c2 = BASE64_DECODE_CHARS[str.charCodeAt(i++) & 0xff];
			} while (i < len && c2 == -1);
			if (c2 == -1)
				break;
			out.push(String.fromCharCode((c1 << 2) | ((c2 & 0x30) >> 4)));
			/* c3 */
			do {
				c3 = str.charCodeAt(i++) & 0xff;
				if (c3 == 61)
					return out.join('');
				c3 = BASE64_DECODE_CHARS[c3];
			} while (i < len && c3 == -1);
			if (c3 == -1)
				break;
			out.push(String.fromCharCode(((c2 & 0XF) << 4) | ((c3 & 0x3C) >> 2)));
			/* c4 */
			do {
				c4 = str.charCodeAt(i++) & 0xff;
				if (c4 == 61)
					return out.join('');
				c4 = BASE64_DECODE_CHARS[c4];
			} while (i < len && c4 == -1);
			if (c4 == -1)
				break;
			out.push(String.fromCharCode(((c3 & 0x03) << 6) | c4));
		}
		return out.join('');
	}

	function utf16to8(str) {
		var out, i, len, c;
		out = '';
		len = str.length;
		for (i = 0; i < len; i++) {
			c = str.charCodeAt(i);
			if ((c >= 0x0001) && (c <= 0x007F)) {
				out += str.charAt(i);
			} else if (c > 0x07FF) {
				out += String.fromCharCode(0xE0 | ((c >> 12) & 0x0F));
				out += String.fromCharCode(0x80 | ((c >> 6) & 0x3F));
				out += String.fromCharCode(0x80 | ((c >> 0) & 0x3F));
			} else {
				out += String.fromCharCode(0xC0 | ((c >> 6) & 0x1F));
				out += String.fromCharCode(0x80 | ((c >> 0) & 0x3F));
			}
		}
		return out;
	}

	function utf8to16(str) {
		var out, i, len, c;
		var char2, char3;
		out = "";
		len = str.length;
		i = 0;
		while (i < len) {
			c = str.charCodeAt(i++);
			switch (c >> 4) {
			case 0:
			case 1:
			case 2:
			case 3:
			case 4:
			case 5:
			case 6:
			case 7:
				// 0xxxxxxx
				out += str.charAt(i - 1);
				break;
			case 12:
			case 13:
				// 110x xxxx  10xx xxxx
				char2 = str.charCodeAt(i++);
				out += String.fromCharCode(((c & 0x1F) << 6) | (char2 & 0x3F));
				break;
			case 14:
				// 1110 xxxx 10xx xxxx 10xx xxxx
				char2 = str.charCodeAt(i++);
				char3 = str.charCodeAt(i++);
				out += String.fromCharCode(((c & 0x0F) << 12) | ((char2 & 0x3F) << 6) | ((char3 & 0x3F) << 0));
				break;
			}
		}
		return out;
	}

	function doIt() {
		var sourceValue = document.getElementById('source').value;
		document.getElementById('output').value = encodeBase64((sourceValue));
		document.getElementById('decode').value = utf8to16(decodeBase64(sourceValue));
	}
</script>
<body>
	Source :
	<br>
	<textarea id="source" style='width: 500; height: 80;'></textarea>
	<br>
	<br> base64 Encode :
	<br>
	<textarea id="output" style='width: 500; height: 80;'></textarea>
	<br>
	<br> base64 Eecode :
	<br>
	<textarea id="decode" style='width: 500; height: 80;'></textarea>
	<br>
	<br>
	<input type=button value="Transcoding" onclick="doIt()">
</body>
</html>

备注:JS取得的String编码是UTF-16,但是这个Base64支持的是8位(1字节) 所以为了支持中文,在编码前进行了16>8的转换,解码的时候进行了8>16的转换。如果不考虑中文可以不加这个转换。

© 著作权归作者所有

G
粉丝 2
博文 72
码字总数 49356
作品 0
海淀
高级程序员
私信 提问
基于Nodejs的微信消息加密与解密实现概要

微信团队提供了多种语言的示例代码,但不包含Nodejs实现版本。经过大量查证和尝试,我已完成并测试通过,下面说说实现要点。 准备 Nodejs为版或版,当前最新稳定版。 平台支持Windows和Linux...

一点灵犀
2015/04/08
0
2
小程序(一) base64 文字编码解码以及图片编码

一、文字编码以及解码   1、小程序util.js公共js中封装的方法 /* base64编码(编码,配合encodeURIComponent使用) @parm : str 传入的字符串 使用: */function base64_encode(str) {//下面...

时光不老,我们不散
2018/08/15
0
0
JS对RUL解码 JS将PHP中urlencode编码的字符串解码

做项目,需要用JS接收PHP用urlencode编码过来的数据。 但JS的编码、解码方法里,decodeURI和PHP的urlencode方法不同,无法对PHP的urlencode进行解码。上网搜了搜,发现许多人问这个问题,解决...

bengozhong
2015/11/17
0
0
通过data:image/png;base64把图片直接写在src里

关于用base64存储图片 网页上有些图片的src或css背景图片的url后面跟了一大串字符,比如:data:image/png;base64, iVBORw0KGgoAAAANSUhEUgAAAAEAAAAkCAYAAABIdFAMAAAAGXRFWHRTb2Z0d2FyZQBBZ...

AsheNull
2013/10/18
0
0
JavaScript: 详解Base64编码和解码

Base64是最常用的编码之一,比如开发中用于传递参数、现代浏览器中的<img />标签直接通过Base64字符串来渲染图片以及用于邮件中等等。Base64编码在RFC2045中定义,它被定义为:Base64内容传送...

陈亦
2014/02/19
0
27

没有更多内容

加载失败,请刷新页面

加载更多

抽离css以及公共js

分离css 分离css:为何要把 CSS 文件分离出来,而不是直接一起打包在 JS 中。最主要的原因是我们希望更好地利用缓存。 extract-text-webpack-plugin > 1. 假设我们原本页面的静态资源都打包成...

莫西摩西
38分钟前
0
0
面向对象的7大原则

https://blog.csdn.net/u010355144/article/details/44940171

南桥北木
56分钟前
1
0
Jenkins的配置从节点中默认没有Launch agent via Java Web Start,该如何配置使用

Jenkins的配置从节点中默认没有Launch agent via Java Web Start,如下图所示,而这种启动方式在Windows上是最方便的。 如何设置才能让出来呢? 1:打开"系统管理"——"Configure Global Sec...

shzwork
今天
2
0
BAT面试必问HashMap源码分析

HashMap 简介 HashMap 主要用来存放键值对,它基于哈希表的Map接口实现,是常用的Java集合之一。 JDK1.8 之前 HashMap 由 数组+链表 组成的,数组是 HashMap 的主体,链表则是主要为了解决哈...

别打我会飞
今天
6
0
RISC-V双周简报0x1f:一晚上写个RISC-V处理器玩玩(2018-09-01)

https://cnrv.io/bi-week-rpts/2018-09-01 https://blog.csdn.net/zoomdy/article/details/82914730...

whoisliang
今天
1
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部