zoukankan      html  css  js  c++  java
  • Javascript中Base64编码解码的使用实例

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

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

      

    看下面的实例代码:

     1 <!DOCTYPE html>
     2 <html>
     3     <head>
     4         <title>Javascript中Base64编码解码的使用实例 :: http://www.uncletoo.com</title>
     5         <style>
     6             #result{
     7                 height: 200px;
     8                  500px;
     9                 overflow-y: auto;
    10                 border: #ccc dotted 1px;             
    11             }
    12         </style>
    13     </head>
    14     <body>
    15 结果:
    16         <div id="result"> </div>
    17         <table>
    18             <tr><td>输入要编码的字符串: </td><td><input type='text' id='estr' value=''></td><td> <button onclick="encodeStr()">编码</button></td></tr>
    19         <tr><td>输入要解码的字符串: </td><td><textarea id="dstr"></textarea></td><td> <button onclick="decodeStr()">解码</button></td></tr>
    20 </table>
    21         <script>
    22             function encodeStr()
    23             { // 字符串编码
    24                 var str_val = document.getElementById("estr").value;
    25                 if (str_val === '')
    26                 {
    27                     alert("Please Enter string to encode");
    28                 } else {
    29                     var enc = window.btoa(str_val);
    30                     document.getElementById("result").innerHTML = enc;
    31                 }
    32             }
    33             function decodeStr()
    34             { // 字符串解码
    35                 var str_val = document.getElementById("dstr").value;
    36                 if (str_val === '')
    37                 {
    38                     alert("Please Enter string to Decode");
    39                 } else {
    40                     var dec = window.atob(str_val);
    41                     document.getElementById("result").innerHTML = dec;
    42                 }
    43             }
    44         </script>
    45     </body>
    46 </html>
  • 相关阅读:
    CentOS 安装 Xamarin官方Mono
    mongo命令行下去除重复的数据
    通过前端js将页面表格导出为PDF(二)
    通过前端js将页面表格导出为PDF(一)
    ubuntu下手动安装MongoDB
    在django项目下执行定时任务
    django+uwsgi+nginx部署在ubuntu系统上
    Nginx(三)
    Nginx(二)
    Nginx(一)
  • 原文地址:https://www.cnblogs.com/fujilong/p/5306502.html
Copyright © 2011-2022 走看看