php和js中，utf-8编码转成base64编码

1、php下转化base64编码

php中，文本文件的编码决定了程序变量的编码，比如以下代码在不同编码的php文件中，展示的效果也是不一样的

<?php

    $word = '严';

    echo base64_encode($word);

?>

如果文本文件是utf-8，则输出结果为：5Lil，而在gbk文件中的输出结果是：0c8=

注意：php中转换成base64编码时，和网页编码没有关系。

2、js下转化base64编码

首先，假定网页的编码是utf-8，我们希望对于同样的字符串，用PHP和Javascript可以得到同样的Base64编码。

这里就会产生一个问题。因为Javascript内部的字符串，都以utf-16的形式进行保存，因此编码的时候，我们首先必须将utf-8的值转成utf-16再编码，解码的时候，则是解码后还需要将utf-16的值转回成utf-8。

<html>

<head>

</head>

<body>

<script>

/* utf.js - UTF-8 <=> UTF-16 convertion

*

* Copyright (C) 1999 Masanao Izumo <iz@onicos.co.jp>

* Version: 1.0

* LastModified: Dec 25 1999

* This library is free. You can redistribute it and/or modify it.

*/

/*

* Interfaces:

* utf8 = utf16to8(utf16);

* utf16 = utf8to16(utf8);

*/

function utf16to8(str) {

    var out, i, len, c;

    out = "";

    len = str.length;

    for(i = ; 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 >> ) & 0x0F));

    out += String.fromCharCode(0x80 | ((c >> ) & 0x3F));

    out += String.fromCharCode(0x80 | ((c >> ) & 0x3F));

    } else {

    out += String.fromCharCode(0xC0 | ((c >> ) & 0x1F));

    out += String.fromCharCode(0x80 | ((c >> ) & 0x3F));

    }

    }

    return out;

}

function utf8to16(str) {

    var out, i, len, c;

    var char2, char3;

    out = "";

    len = str.length;

    i = ;

    while(i < len) {

    c = str.charCodeAt(i++);

    switch(c >> )

    {

    case : case : case : case : case : case : case : case :

    // 0xxxxxxx

    out += str.charAt(i-);

    break;

    case : case :

    // 110x xxxx 10xx xxxx

    char2 = str.charCodeAt(i++);

    out += String.fromCharCode(((c & 0x1F) << ) | (char2 & 0x3F));

    break;

    case :

    // 1110 xxxx 10xx xxxx 10xx xxxx

    char2 = str.charCodeAt(i++);

    char3 = str.charCodeAt(i++);

    out += String.fromCharCode(((c & 0x0F) << ) |

    ((char2 & 0x3F) << ) |

    ((char3 & 0x3F) << ));

    break;

    }

    }

    return out;

}

/* Copyright (C) 1999 Masanao Izumo <iz@onicos.co.jp>

* Version: 1.0

* LastModified: Dec 25 1999

* This library is free. You can redistribute it and/or modify it.

*/

/*

* Interfaces:

* b64 = base64encode(data);

* data = base64decode(b64);

*/

var base64EncodeChars = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/";

var base64DecodeChars = new Array(

-, -, -, -, -, -, -, -, -, -, -, -, -, -, -, -,

-, -, -, -, -, -, -, -, -, -, -, -, -, -, -, -,

-, -, -, -, -, -, -, -, -, -, -, , -, -, -, ,

, , , , , , , , , , -, -, -, -, -, -,

-, , , , , , , , , , , , , , , ,

, , , , , , , , , , , -, -, -, -, -,

-, , , , , , , , , , , , , , , ,

, , , , , , , , , , , -, -, -, -, -);

function base64encode(str) {

    var out, i, len;

    var c1, c2, c3;

    len = str.length;

    i = ;

    out = "";

    while(i < len) {

    c1 = str.charCodeAt(i++) & 0xff;

    if(i == len)

    {

    out += base64EncodeChars.charAt(c1 >> );

    out += base64EncodeChars.charAt((c1 & 0x3) << );

    out += "==";

    break;

    }

    c2 = str.charCodeAt(i++);

    if(i == len)

    {

    out += base64EncodeChars.charAt(c1 >> );

    out += base64EncodeChars.charAt(((c1 & 0x3)<< ) | ((c2 & 0xF0) >> ));

    out += base64EncodeChars.charAt((c2 & 0xF) << );

    out += "=";

    break;

    }

    c3 = str.charCodeAt(i++);

    out += base64EncodeChars.charAt(c1 >> );

    out += base64EncodeChars.charAt(((c1 & 0x3)<< ) | ((c2 & 0xF0) >> ));

    out += base64EncodeChars.charAt(((c2 & 0xF) << ) | ((c3 & 0xC0) >>));

    out += base64EncodeChars.charAt(c3 & 0x3F);

    }

    return out;

}

function base64decode(str) {

    var c1, c2, c3, c4;

    var i, len, out;

    len = str.length;

    i = ;

    out = "";

    while(i < len) {

    /* c1 */

    do {

    c1 = base64DecodeChars[str.charCodeAt(i++) & 0xff];

    } while(i < len && c1 == -);

    if(c1 == -)

    break;

    /* c2 */

    do {

    c2 = base64DecodeChars[str.charCodeAt(i++) & 0xff];

    } while(i < len && c2 == -);

    if(c2 == -)

    break;

    out += String.fromCharCode((c1 << ) | ((c2 & 0x30) >> ));

    /* c3 */

    do {

    c3 = str.charCodeAt(i++) & 0xff;

    if(c3 == )

    return out;

    c3 = base64DecodeChars[c3];

    } while(i < len && c3 == -);

    if(c3 == -)

    break;

    out += String.fromCharCode(((c2 & 0XF) << ) | ((c3 & 0x3C) >> ));

    /* c4 */

    do {

    c4 = str.charCodeAt(i++) & 0xff;

    if(c4 == )

    return out;

    c4 = base64DecodeChars[c4];

    } while(i < len && c4 == -);

    if(c4 == -)

    break;

    out += String.fromCharCode(((c3 & 0x03) << ) | c4);

    }

    return out;

}

var str = '严';

var sEncoded=base64encode(utf16to8(str));

console.log(sEncoded);

</script>

</body>

</html>

文件编码无论是utf-8或者gbk编码，输出的都是5Lil。注意文件编码和网页编码需要统一。

3、base64编码原理

所谓Base64，就是说选出64个字符----小写字母a-z、大写字母A-Z、数字0-9、符号"+"、"/"（再加上作为垫字的"="，实际上是65个字符）----作为一个基本字符集。然后，其他所有符号都转换成这个字符集中的字符。它是用64个可打印字符表示二进制所有数据方法，这64个字符，对应表如下：

具体来说，转换方式可以分为四步。

第一步，将每三个字节作为一组，一共是24个二进制位。

第二步，将这24个二进制位分为四组，每个组有6个二进制位。

第三步，在每组前面加两个00，扩展成32个二进制位，即四个字节。

第四步，根据上表，得到扩展后的每个字节的对应符号，这就是Base64的编码值。

因为，Base64将三个字节转化成四个字节，因此Base64编码后的文本，会比原文本大出三分之一左右。

举一个具体的实例，演示英语单词Man如何转成Base64编码。

Text content	M								a								n
ASCII	77								97								110
Bit pattern	0	1	0	0	1	1	0	1	0	1	1	0	0	0	0	1	0	1	1	0	1	1	1	0
Index	19						22						5						46
Base64-Encoded	T						W						F						u

第一步，"M"、"a"、"n"的ASCII值分别是77、97、110，对应的二进制值是01001101、01100001、01101110，将它们连成一个24位的二进制字符串010011010110000101101110。

第二步，将这个24位的二进制字符串分成4组，每组6个二进制位：010011、010110、000101、101110。

第三步，在每组前面加两个00，扩展成32个二进制位，即四个字节：00010011、00010110、00000101、00101110。它们的十进制值分别是19、22、5、46。

第四步，根据上表，得到每个值对应Base64编码，即T、W、F、u。

因此，Man的Base64编码就是TWFu。

如果字节数不足三，则这样处理：

a）二个字节的情况：将这二个字节的一共16个二进制位，按照上面的规则，转成三组，最后一组除了前面加两个0以外，后面也要加两个0。这样得到一个三位的Base64编码，再在末尾补上一个"="号。

比如，"Ma"这个字符串是两个字节，可以转化成三组00010011、00010110、00010000以后，对应Base64值分别为T、W、E，再补上一个"="号，因此"Ma"的Base64编码就是TWE=

b）一个字节的情况：将这一个字节的8个二进制位，按照上面的规则转成二组，最后一组除了前面加二个0以外，后面再加4个0。这样得到一个二位的Base64编码，再在末尾补上两个"="号。

比如，"M"这个字母是一个字节，可以转化为二组00010011、00010000，对应的Base64值分别为T、Q，再补上二个"="号，因此"M"的Base64编码就是TQ==

再举一个中文的例子，汉字"严"如何转化成Base64编码？

这里需要注意，汉字本身可以有多种编码，比如gb2312、utf-8、gbk等等，每一种编码的Base64对应值都不一样。下面的例子以utf-8为例。

首先，"严"的utf-8编码为E4B8A5，写成二进制就是三字节的"11100100 10111000 10100101"。将这个24位的二进制字符串，按照第3节中的规则，转换成四组一共32位的二进制值"00111001 00001011 00100010 00100101"，相应的十进制数为57、11、34、37，它们对应的Base64值就为5、L、i、l。

所以，汉字"严"（utf-8编码）的Base64值就是5Lil。

源码地址：http://git.oschina.net/kjr/kangjianrong_public/tree/master/base64?dir=1&filepath=base64&oid=cf9a5a3d26e59e9312ecb91788a895f5b1880703&sha=700c885e658ffda59bfa7aa8ba2de07fe240d246

参考：http://www.ruanyifeng.com/blog/2008/06/base64.html

php和js中，utf-8编码转成base64编码的更多相关文章

JS 中如何将<br/> 替换成 /n
JS 中如何将<br/> 替换成 /n function a() { var data = "aaaa<br/>bbbb<br/>cccc"; ...
js中Json字符串如何转成Json对象(4种转换方式)
js中Json字符串如何转成Json对象(4种转换方式) 一.总结一句话总结:原生方法(就是浏览器默认支持的方法) 浏览器支持的转换方式(Firefox,chrome,opera,safari,ie ...
Java对网络图片/本地图片转换成Base64编码和解码
一.将本地图片转换成Base64编码字符串 /** * 将本地图片转换成Base64编码字符串 * * @param imgFile 图片目录路径 * @return */ public static ...
delphi将图片转换成Base64编码函数
{************************************************************************** 名称: BaseImage 参数: fn: TF ...
php 将图片文件转成base64编码的方法
php 将图片文件转成base64编码的方法<pre><?php /** 文件转base64输出 * @param String $file 文件路径 * @return Strin ...
js中把JSON字符串转换成JSON对象最好的方法
在JS中将JSON的字符串解析成JSON数据格式,一般有两种方式: 1.一种为使用eval()函数. 2. 使用Function对象来进行返回解析. 第一种解析方式:使用eval函数来解析,并且使用j ...
python中url解析 or url的base64编码
目录 from urllib.parse import urlparse, quote, unquote, urlencode1.解析url的组成成分:urlparse(url)2.url的base6 ...
在JS中如何把毫秒转换成规定的日期时间格式
最近做的一个项目,从后台查询到日期数据传到前台JS中遍历之后显示的是以"14"开头的毫秒数,刚开始想用"simpleDateFormat"类处理,结果显示都不显 ...
Js 将图片的绝对路径转换为base64编码
转.... 我们可以使用canvas.toDataURL的方法将图片的绝对路径转换为base64编码:在这我们引用的是淘宝首页一张图片如下: var img = "https://img. ...

随机推荐

linux Cron 执行Django 任务计划
用shell 脚本调用python 脚本如下 #!/bin/bash export FLAVOR=liveexport PYTHONPATH=$PYTHONPATH:/home/alex/Django ...
Angular - - $cacheFactory
可能之前的api写的有些枯燥吧,因为不烧脑,不需要很多逻辑思维来做处理,那么之后的文章会有趣很多,慢慢的开始烧脑了,准备好大量脑细胞的死亡吧~ 先来篇简单的缓存服务. 这里野兽把api文档里的$c ...
C#的显式接口和隐式接口（转载）
接口的实现分为:隐式实现和显式实现.如果类或者结构要实现的是单个接口,可以使用隐式实现,如果类或者结构继承了多个接口那么接口中相同名称成员就要显式实现.显示实现是通过使用接口的完全限定名来实现接口成员 ...
Delphi获取其它进程窗口句柄的3种方法
本文主要跟大家介绍Delphi中获取其它进程的窗口句柄,在Delphi中获取其它进程的窗口句柄,绝大部分人首先想到的会使用:FindWindow或者用GetWindow来遍历查找,如: handle ...
HTTP Session学习
session在web开发中是一个非常重要的概念,这个概念很抽象,很难定义,也是最让人迷惑的一个名词,也是最多被滥用的名字之一,在不同的场合,session一次的含义也很不相同.这里只探讨HTTP S ...
EditText的功能与用法
EditText与TextView非常相似,它甚至与TextView共用了绝大部分XML属性和方法.EditText和TextView的最大区别在于:EditText可以接受用户输入. EditTex ...
shell 命令合并文本
之前想把代码打印出来看来着,后来合并完之后放在word里发现有2000多页,然后放弃了~anyway,这个命令还是挺有用的. 比如我有文本a001.dat, a002.dat, a003.dat .. ...
jQuery表单对象属性过滤选择器
jQuery表单对象属性过滤选择器 <div id="p1" attr="p1"> <input type="text" ...
AIX上面Oracle数据库相关启动
1,启动停止Oracle实例 (1) su -oracle (2) echo $ORACLE_SID (3) sqlplus /nolog //以不登录到数据库的方式进入sqlplus环境 (4) c ...
FMS用AS来实现拉流
application.onAppStart=function (){ this.myNC=new NetConnection(); this.myNC.onStatus=NC_onStatus; t ...

php和js中，utf-8编码转成base64编码

php和js中，utf-8编码转成base64编码的更多相关文章

随机推荐

热门专题