原文:【转】Javascript Base64编码与解码 

<html>

<head>

<META HTTP-EQUIV="MSThemeCompatible" CONTENT="Yes">

<meta http-equiv="Content-Type" content="text/html; charset=unicode">

<script language="JavaScript" type="text/javascript" src="../var.js"></script>

<title>Base64 Encode and Decode</title>

<style>

</style>

<script type="text/javascript" language="javascript">

var base64EncodeChars = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/";

var base64DecodeChars = new Array(

    -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 base64encode(str) {

    var out, i, len;

    var c1, c2, c3;

    len = str.length;

    i = 0;

    out = "";

    while(i < len) {

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

    if(i == len)

    {

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

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

        out += "==";

        break;

    }

    c2 = str.charCodeAt(i++);

    if(i == len)

    {

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

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

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

        out += "=";

        break;

    }

    c3 = str.charCodeAt(i++);

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

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

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

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

    }

    return out;

}

function base64decode(str) {

    var c1, c2, c3, c4;

    var i, len, out;

    len = str.length;

    i = 0;

    out = "";

    while(i < len) {

    /* c1 */

    do {

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

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

    if(c1 == -1)

        break;

    /* c2 */

    do {

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

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

    if(c2 == -1)

        break;

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

    /* c3 */

    do {

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

        if(c3 == 61)

        return out;

        c3 = base64DecodeChars[c3];

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

    if(c3 == -1)

        break;

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

    /* c4 */

    do {

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

        if(c4 == 61)

        return out;

        c4 = base64DecodeChars[c4];

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

    if(c4 == -1)

        break;

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

    }

    return out;

}

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 CharToHex(str) {

    var out, i, len, c, h;

    out = "";

    len = str.length;

    i = 0;

    while(i < len)

    {

        c = str.charCodeAt(i++);

        h = c.toString(16);

        if(h.length < 2)

            h = "0" + h;

        out += "\\x" + h + " ";

        if(i > 0 && i % 8 == 0)

            out += "\r\n";

    }

    return out;

}

function doEncode() {

    var src = document.getElementById('src').value;

    document.getElementById('dest').value = base64encode(utf16to8(src));

}

function doDecode() {

    var src = document.getElementById('src').value;

    var opts = document.getElementById('opt');

    if(opts.checked)

    {

        document.getElementById('dest').value = CharToHex(base64decode(src));

    }

    else

    {

        document.getElementById('dest').value = utf8to16(base64decode(src));

    }

}

</script>

</head>

<BODY bgcolor="#EAF0F8" topmargin="10" leftmargin="10" rightmargin="10" bottommargin="10">

<div id="contain" style="font-family: Tahoma, Arial; font-size:11pt">

  <div id="mainbg">

    <div style="color: #000080; margin-bottom: 10"><b>Base64 Encode / Decode</b></div>

    <div>

      <textarea id="src" rows=11 cols=60 value="" name="src"></textarea>

      <div style="margin: 10 0 10 0">

      <input onclick="doEncode();" type=button value="Encode" name="encode">&nbsp;

      <input onclick="doDecode();" type=button value="Decode" name="decode">&nbsp;

      <input type="checkbox" value="hex" name="opt" id="opt">Hex&nbsp;

      </div>

      <textarea id="dest" rows=11 cols=60 value="" name="dest"></textarea>

    </div>

    </div>

</div>

</BODY>

</html>

Javascript Base64编码与解码的更多相关文章

  1. javascript实现base64编码、解码

    我们知道,浏览器的window对象提供有window.atob()和window.btoa()方法可以对字符串进行Base64编码和解码. console.log(window.btoa(window ...

  2. Java 8中的Base64编码和解码

    转自:https://juejin.im/post/5c99b2976fb9a070e76376cc Java 8会因为将lambdas,流,新的日期/时间模型和Nashorn JavaScript引 ...

  3. BASE64编码和解码（VC源代码） 并 内存加载 CImage 图像

      BASE64可以用来将binary的字节序列数据编码成ASCII字符序列构成的文本.完整的BASE64定义可见 RFC1421和 RFC2045.编码后的数据比原始数据略长,为原来的4/3.在电子 ...

  4. base64编码、解码的C语言实现

    转自:http://www.cnblogs.com/yejianfei/archive/2013/04/06/3002838.html base64是一种基于64个可打印字符来表示二进制数据的表示方法 ...

  5. android Java BASE64编码和解码二：图片的编码和解码

    1.准备工作 (1)在项目中集成 Base64 代码,集成方法见第一篇博文:android Java BASE64编码和解码一:基础 (2)添加 ImgHelper 工具类 package com.a ...

  6. Python中进行Base64编码和解码

    Base64编码 广泛应用于MIME协议,作为电子邮件的传输编码,生成的编码可逆,后一两位可能有“=”,生成的编码都是ascii字符.优点:速度快,ascii字符,肉眼不可理解缺点:编码比较长,非常容 ...

  7. C# base64编码、解码

    public class TransferCode { #region base-64编码.解码 /// <summary> /// BASE64编码 /// </summary&g ...

  8. Url的Base64编码以及解码

    Base64可以将二进制转码成可见字符方便进行http传输,但是base64转码时会生成“+”,“/”,“=”这些被URL进行转码的特殊字符,导致两方面数据不一致.我们可以在发送前将“+”,“/”,“ ...

  9. NET MVC全局异常处理（一） 【转载】网站遭遇DDoS攻击怎么办 使用 HttpRequester 更方便的发起 HTTP 请求 C#文件流。 Url的Base64编码以及解码 C#计算字符串长度，汉字算两个字符 2019周笔记（2.18-2.23） Mysql语句中当前时间不能直接使用C#中的Date.Now传输 Mysql中Count函数的正确使用

    NET MVC全局异常处理(一)   目录 .NET MVC全局异常处理 IIS配置 静态错误页配置 .NET错误页配置 程序设置 全局异常配置 .NET MVC全局异常处理 一直知道有.NET有相关 ...

随机推荐

  1. Android网络：开发浏览器（五）——功能完善之保存图片实现

    最近几天开学,所以没有更新博客.今天开始更新.最近我打算每天抽出一些事件看点Thinkin Java这本书,仔细研究下java,当然也会出这个博客关于Think in java系列的博客,大家可以一起 ...

  2. Prime Path （poj 3126 bfs）

    Language: Default Prime Path Time Limit: 1000MS   Memory Limit: 65536K Total Submissions: 11703   Ac ...

  3. webpack React+ES6

    webpack踩坑之路——构建基本的React+ES6项目   webpack是最近比较火的构建工具,搭配上同样比较火的ReacJS与ES6(ES2015)一定是现在很多潮流 programmer 的 ...

  4. javascript中外部js文件取得自身完整路径得办法

    原文:javascript中外部js文件取得自身完整路径得办法 有时候我们需要引入一个外部js文件,这个js文件又需要用到自己的路径或者是所在的目录,别问怎么又这么变态的需求,开发做久了各种奇葩需求也 ...

  5. [页面模板框架对比] Apache Tiles VS Sitemesh

    1. 原理对比 (1) Apache Tiles 顾名思义,Tile是瓷砖的意思,也就是说一个网页是由多个Tile组成的. 用户通过访问一个页面的Apache Tiles定义名,就可以访问一个由定义文 ...

  6. mojo 默认启用utf-8

    [root@dr-mysql01 ~]# cat f1.pl use Encode; print "验证111\n"; my $d=encode_utf8('验证'); print ...

  7. C 文件直接包含

    C 文件直接包含 有一部分代码很大,在很多函数中重复,可以直接写在另外的一个文件中,引用时直接包含.co.cpp两个函数都 包含c1.cxx. 点击(此处)折叠或打开 ////// co.cpp #i ...

  8. 【Demo 0015】位置服务及地图

    本章学习要点:       1.  掌握位置相关类(CLLocationManager,MKUserLocation) 基本用法;        2.  掌握地图视图(MKMapView)基本用法; ...

  9. 【设计模式】Singleton模式C++实现

    Singleton是设计模式中比较简单的一个.园中的朋友们应该都很熟悉了.前段时间参加xxx外企的面试,和面试官讨论C++的时候正好写了一个.当时由于在有些地方考虑不太周全,代码出现了一些疏漏.不过最 ...

  10. 配置虚拟主机并更改Apache默认解析路径

    配置虚拟主机,非常easy 改动以下文件: 加入以下几句话 <VirtualHost *:80> ##ServerAdmin webmaster@dummy-host2.example.c ...