您好,UncleToo欢迎您!  为了更好的浏览本站,请使用高版本浏览器
RSS  Tag     设为首页 | 加入收藏
 您所在的位置:首页 > 前端开发 > Javascript(JQuery)

Javascript中Base64编码解码的使用实例

作者:UncleToo  来源:原创  日期:2014-04-16 7:59:00
收藏  评论:( 2 )  阅读:6403

Javascript为我们提供了一个简单的方法来实现字符串的Base64编码和解码,分别是window.btoa()函数和window.atob()函数。

例如:

var encodedStr = window.btoa(“Hello world”); //字符串编码
var decodedStr = window.atob(encodedStr); //字符串解码

Javascript中Base64编码解码的使用实例

看下面的实例代码:

<!DOCTYPE html>
<html>
    <head>
        <title>Javascript中Base64编码解码的使用实例 :: http://www.uncletoo.com</title>
        <style>
            #result{
                height: 200px;
                width: 500px;
                overflow-y: auto;
                border: #ccc dotted 1px;              
            }
        </style>
    </head>
    <body>
结果:
        <div id="result"> </div>
        <table>
            <tr><td>输入要编码的字符串: </td><td><input type='text' id='estr' value=''></td><td> <button onclick="encodeStr()">编码</button></td></tr>
        <tr><td>输入要解码的字符串: </td><td><textarea id="dstr"></textarea></td><td> <button onclick="decodeStr()">解码</button></td></tr>
</table>
        <script>
            function encodeStr()
            { // 字符串编码
                var str_val = document.getElementById("estr").value;
                if (str_val === '')
                {
                    alert("Please Enter string to encode");
                } else {
                    var enc = window.btoa(str_val);
                    document.getElementById("result").innerHTML = enc;
                }
            }
            function decodeStr()
            { // 字符串解码
                var str_val = document.getElementById("dstr").value;
                if (str_val === '')
                {
                    alert("Please Enter string to Decode");
                } else {
                    var dec = window.atob(str_val);
                    document.getElementById("result").innerHTML = dec;
                }
            }
        </script>
    </body>
</html>




除非特别声明,本站所有PHP教程及其他教程/文章均为原创、翻译或网友投稿,版权均归UncleToo中文网所有, 转载请注明作者及出处。
原文网址:http://www.uncletoo.com/html/jsjquery/895.html
读完这篇文章后,你是否有所收获? 分享是一种生活的信念!
  • 0
  • 0
我来说两句
更多>>网友评论