`

使用JS对中文字符串进行utf-8的Base64编码

 
阅读更多 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">
<!--
body{
  margin:0px;
  padding:0px;
}
body,td{
  font-size:9pt;
}
-->
</style>
<script type="text/javascript">
<!--
var keyStr = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=";
//将Ansi编码的字符串进行Base64编码
function encode64(input) {
	var output = "";
	var chr1, chr2, chr3 = "";
	var enc1, enc2, enc3, enc4 = "";
	var i = 0;
	do {
		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 + keyStr.charAt(enc1) + keyStr.charAt(enc2)
				+ keyStr.charAt(enc3) + keyStr.charAt(enc4);
		chr1 = chr2 = chr3 = "";
		enc1 = enc2 = enc3 = enc4 = "";
	} while (i < input.length);
	return output;
}
//将Base64编码字符串转换成Ansi编码的字符串
function decode64(input) {
	var output = "";
	var chr1, chr2, chr3 = "";
	var enc1, enc2, enc3, enc4 = "";
	var i = 0;

	if (input.length % 4 != 0) {
		return "";
	}
	var base64test = /[^A-Za-z0-9\+\/\=]/g;
	if (base64test.exec(input)) {
		return "";
	}
	do {
		enc1 = keyStr.indexOf(input.charAt(i++));
		enc2 = keyStr.indexOf(input.charAt(i++));
		enc3 = keyStr.indexOf(input.charAt(i++));
		enc4 = 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 += String.fromCharCode(chr2);
		}
		if (enc4 != 64) {
			output += String.fromCharCode(chr3);
		}
		chr1 = chr2 = chr3 = "";
		enc1 = enc2 = enc3 = enc4 = "";
	} while (i < input.length);
	return output;
}

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;
}

// 测试代码 开始
var de = encode64(utf16to8("select 用户名 from 用户"));
document.writeln(de+"<br>");
var ee = utf8to16(decode64(de))
document.writeln(ee);
// 测试代码 结束

//-->
</script>
</head>
<body>
</body>
</html>



Java代码中为什么要使用getBytes("UTF-8")呢？因为Windows和Linux环境下默认编码不同，要使你的程序在不同平台下得到相同编码，必然要指定编码

虽然Html和JS的编码都是utf-8，但JS从页面上得到的中文编码却是utf-16，所以直接对中文进行Base64编码将得到错误的结果，所以我们要先从utf-16转到utf-8再编码
分享到：
| 向文本文件追加内容，清空文件内容
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    JS实现对中文字符串进行utf-8的Base64编码的方法(使其与Java编码相同)_.docx

    JS 实现对中文字符串进行 utf-8 的 Base64 编码的方法 在本文中，我们将探讨如何使用 JavaScript 实现对中文字符串进行 utf-8 的 Base64 编码，以便与 Java 编码相同。我们将从基本概念开始，逐步讲解实现过程中的...

    javascript/微信小程序中将String进行Base64编码并UTF-8格式输出

    提供一种Base64编码,并输出UTF-8格式的BASE64编码方式。本程序在微信小程序开发工具中已经测试通过。 Base64代码： [javascript] view plain copy print? (function(){ var BASE64_MAPPING = [ 'A','B','C','D',...

    JS实现对中文字符串进行utf-8的Base64编码的方法(使其与Java编码相同)

    总结来说，JS实现与Java相同编码效果的中文字符串UTF-8 Base64编码，关键在于理解字符编码和Base64编码原理，以及在JavaScript中处理非ASCII字符的特殊性。通过将UTF-16编码的中文字符串转换为UTF-8，然后应用Base64...

    base64加密解密-js-utf-8

    base64中文加密 注意中文编码为UTF-8

    js对字符串进行base64转码/解码

    本文提供了JavaScript中实现Base64编码和解码的方法，以及如何将Unicode编码转换为UTF-8编码的过程。这些方法在实际应用中非常有用，尤其是在需要将数据转换为适合网络传输的格式时。通过理解Base64编码的基本原理和...

    javascript处理中文base64编码

    总结来说，处理JavaScript中的中文Base64编码，关键在于正确地转换中文字符串到UTF-8字节数组，再进行Base64编码和解码。利用`TextEncoder` 和 `TextDecoder` API，或者Node.js的`Buffer`对象，可以有效地处理这个...

    String-utf8-base64.html

    开发中前后端通讯用的有可能是字符串、URL编码、utf-8字节数组、base64编码，该demo是JavaScript中对于字符串、URL编码、utf-8字节数组、base64编码这几种编码方式之间的互相转化

    字符串和base64的编码与解码

    在上述代码中，`encode('utf-8')`用于将字符串转换为UTF-8编码的字节，`decode('ascii')`则是为了将Base64编码的字节转换回字符串。这样，我们就可以在保持数据完整性的前提下，轻松地在字符串和Base64编码之间进行...

    base64序列化字符串

    base64_string = base64.b64encode(binary_data).decode('utf-8') ``` 这段代码首先将二进制数据`binary_data`编码为Base64的字节，然后使用`decode()`函数将其转换为字符串。 ### 4. Base64反序列化 反序列化是...

    前端项目-angular-utf8-base64.zip

    这个压缩包可能包含了一个完整的AngularJS项目，该项目实现了对UTF8字符串进行Base64编码和解码的功能。 AngularJS是一个由Google维护的JavaScript框架，用于构建单页应用（SPA）。它提供了数据绑定和依赖注入机制...

    使用JS加密BASE64

    标题“使用JS加密BASE64”指的是利用JavaScript来对字符串或二进制数据进行BASE64编码。这种操作通常用于将非ASCII字符转换为可以在URL、邮件头或其他仅支持ASCII的地方使用的格式。在描述中提到的“将字符串或二...

    前端项目-Base64.zip

    1. `encode`函数：将UTF-8编码的字符串转换为Base64字符串。 2. `decode`函数：将Base64字符串还原为UTF-8编码的字符串。 3. 对象序列化和反序列化：将JavaScript对象转换为Base64字符串，便于在网络上传输或存储，...

    svg-url-loader:一个Webpack加载器，将SVG文件作为utf-8编码的DataUrl字符串加载

    浏览器解析utf-8编码的字符串的速度比其base64等效字符串的解析速度更快。支持的参数可以在url中或从webpack配置文件中传递参数。 见的WebPack文档中的部分获取更多细节。 还支持使用resourceQuery传递参数： . ...

    BASE64编码转换工具

    当处理非二进制的字符数据时，通常先将其转换为UTF-8编码，然后再进行BASE64编码。这个过程涉及到字节的拆分和转换，最终得到的BASE64字符串可以确保在任何支持ASCII的环境中无误地传输和解析。 **三、十六进制到...

    js-base64 20150121_javascriptbase64_carry9i1_jsbase64_64cacom_

    此外，现代浏览器已经内置了`btoa()`和`atob()`方法，分别用于Base64编码和解码，但这些方法只能处理UTF-8编码的字符串，对于非UTF-8的数据可能会出现问题。因此，对于处理多编码格式的需求，使用第三方库如`js-base...

    js代码进行base64的编码与解码

    这个函数接受一个DOMString（UTF-8编码的字符串）作为参数，并返回一个Base64编码的字符串。 ```javascript let str = "Hello, World!"; let encodedStr = btoa(str); console.log(encodedStr); // 输出: "SGVsbG8...

    Quoted-printable 编码介绍、Quoted-printable编码解码转换方法

    这个函数首先对字符串进行urlencode转换，然后将所有的“%”字符替换为“=”号。随后，如果出现连续超过73个非换行和非等号的字符，就在后面加上一个“=\r\n”。这个简单的实现方法基本上遵循了Quoted-printable编码...

    Base64与byte[]相互转换

    String base64 = Base64.getEncoder().encodeToString("测试字符串".getBytes("UTF-8")); System.out.println(base64); ``` 2. **将Base64转换为byte[]** - 使用`BASE64Decoder`实例进行解码： ```java BASE...

    支持中文的base64编码文件

    通常的做法是先将中文字符转换为Unicode编码（如UTF-8），然后再进行Base64编码。解码时，需要先解码Base64，再将得到的UTF-8字节流转换回中文字符。 总的来说，"支持中文的base64编码文件"涉及到的技术点包括Base...

Magicbox
Global site tag (gtag.js) - Google Analytics