js实现base64的加密解密

news/2024/7/10 23:44:09 标签: javascript, 前端, jquery

一、base.js文件

javascript">const Base64 = function() {
  var _keyStr = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=";
  this.encode = function(input) {
      var output = "";
      var chr1, chr2, chr3, enc1, enc2, enc3, enc4;
      var i = 0;
      input = _utf8_encode(input);
      while (i < input.length) {
          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);
      }
      return output;
  }

  this.decode = function(input) {
      var output = "";
      var chr1, chr2, chr3;
      var enc1, enc2, enc3, enc4;
      var i = 0;
      input = input.replace(/[^A-Za-z0-9\+\/\=]/g, "");
      while (i < input.length) {
          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 = output + String.fromCharCode(chr2);
          }
          if (enc4 != 64) {
              output = output + String.fromCharCode(chr3);
          }
      }
      output = _utf8_decode(output);
      return output;
  }

  var _utf8_encode = function(string) {
      string = string.replace(/\r\n/g, "\n");
      var utftext = "";
      for (var n = 0; n < string.length; n++) {
          var c = string.charCodeAt(n);
          if (c < 128) {
              utftext += String.fromCharCode(c);
          } else if ((c > 127) && (c <2048)) {
              utftext += String.fromCharCode((c >> 6) | 192);
              utfText += String.fromCharCode((c & 63) | 128);
          } else {
              utftext += String.fromCharCode((c >> 12) | 224);
              utftext += String.fromCharCode(((c >> 6) & 63) | 128);
              utftext += String.fromCharCode((c & 63) | 128);
          }
      }
      return utftext;
  }

  // private method for UTF-8 decoding  
  var _utf8_decode = function (utftext) {
      var string = "";
      var i = 0;
      var c = 0;
      var c1 = 0;
      var c2 = 0;
      while (i < utftext.length) {    
          c = utftext.charCodeAt(i);
          if (c < 128) {
              string += String.fromCharCode(c);
              i++;
          } else if ((c > 191) && (c < 224)) {
              c1 = utftext.charCodeAt(i + 1);
              string += String.fromCharCode(((c & 31) << 6) | (c1 & 63));
              i += 2;
          } else {
              c1 = utftext.charCodeAt(i + 1);
              c2 = utftext.charCodeAt(i + 2);
              string += String.fromCharCode(((c & 15) << 12) | ((c1 & 63) << 6) | (c2 & 63));
              i += 3;
          }
      }
      return string;
  }
}

export {
  Base64
}

二、用法

(1)引入方法

javascript">import { Base64 } from '../../utils/base.js'

(2)加密解密

javascript">var str = '加密内容'
var base = new Base64
var result = base.encode(str); // 加密
var result2 = base.decode(result); // 解密

http://www.niftyadmin.cn/n/1556515.html

相关文章

SpringCloud之初识Feign ----- 分布式负载自动拼接请求的URL

在前面的学习中&#xff0c;我们使用了Ribbon的负载均衡功能&#xff0c;大大简化了远程调用时的代码&#xff1a; String baseUrl "http://user-service/user/"; User user this.restTemplate.getForObject(baseUrl id, User.class) 如果就学到这里&#xff0c;你…

微信小程序中使用vant组件

1.初始化包管理文件 在项目根文件夹中打开终端&#xff0c;输入&#xff1a;npm init -y 2.安装指定版本vant npm i vant/weapp1.3.3 -S --production3.构建npm包 1、点击工具>>构建npm&#xff0c;构建完成后&#xff0c;即可引入组件 2、确定详情的本地设置中勾选了…

.NET高级代码审计(第一课)XmlSerializer反序列化漏洞

0X00 前言 在.NET 框架中的 XmlSerializer 类是一种很棒的工具&#xff0c;它是将高度结构化的 XML 数据映射为 .NET 对象。XmlSerializer类在程序中通过单个 API 调用来执行 XML 文档和对象之间的转换。转换的映射规则在 .NET 类中通过元数据属性来表示&#xff0c;如果程序开…

SmartGit合并分支

一、需求 将A分支合并到B分支&#xff0c;如将1.9.1分支合并到master分支 二、步骤 1、选中master分支 2、点击Merge 3、选择需要合并的分支 勾选需要合并的分支&#xff08;1.9.1&#xff09;后点击Close 4、选中最新提交的内容后点击 Create Merge-Commit 然后再点击…

Spring+Spring MVC+MyBatis整合

一、准备工作 1.1导入所需jar包 1.2数据库 CREATE TABLE t_customer (id int(32) NOT NULL AUTO_INCREMENT,username varchar(50) CHARACTER SET utf8 COLLATE utf8_general_ci DEFAULT NULL,jobs varchar(50) CHARACTER …

Vant滑动单元格点击其他位置自动关闭

一、方法 1、instance.close() instance为SwipeCell 实例 2、this.selectComponent() 通过 selectComponent 可以获取到 SwipeCell 实例并调用实例方法 3、bind:click、bind:close、bind:open通过bind:close事件才可以获得instance&#xff0c;意味着触发了SwipeCell 的close事…

【微信小程序】wx.chooseLocation地图的使用

一、申请开通 在小程序管理后台&#xff0c;「开发」-「开发管理」-「接口设置」中开通该接口权限&#xff0c;否则可能审核不通过 二、用法 1、配置地理位置用途说明 app.json中&#xff1a; "permission": {"scope.userLocation": {"desc"…

Android UI布局

一、线性布局(LinearLayout) 1、线性布局主要分为垂直和水平两种布局方向 默认是水平布局android:orientation"horizontal" 设置为垂直布局android:orientation"vertical" 2、可以设置颜色、字体 3、可以嵌套使用 <LinearLayoutandroid:layout_width&q…