前端关于json_base64编码与解码

为确保页面数据传输安全,后端要求前端使用Base64编码。本文探讨了在不同浏览器环境下,如何使用原生JavaScript进行Base64编码和解码,以及处理UTF-8与UTF-16之间的转换,同时提供了JSON与Base64互转的代码示例。
摘要由CSDN通过智能技术生成

前端关于json-base64的编码与解码

需求

由于页面传输数据的安全考虑,后端要求前端传输数据必须是经过base64编码过后的字符串。

调研

据说有现成的base64的编码,在IE浏览器中据说可以实现Window 中的 btoa()和atob()来进行编码与解码。但是浏览器的选择是多样性的,该方法不适用。所以原生js能够解决该问题将为不错的选择。

base64

所谓Base64,就是说选出64个字符----小写字母a-z、大写字母A-Z、数字0-9、符号"+"、"/"(再加上作为垫字的"=",实际上是65个字符)----作为一个基本字符集。然后,其他所有符号都转换成这个字符集中的字符。

详情看阮一峰的Base64笔记

所以如果网页是utf-8,我们希望用javascript可以得到同样的Base64编码。

因为Javascript内部的字符串,都以utf-16的形式进行保存,因此编码的时候,我们首先必须将utf-8的值转成utf-16再编码,解码的时候,则是解码后还需要将utf-16的值转回成utf-8。所以之后我们才能将转为utf-16的编码转为base64的编码。然后进行解码。

以下是个人的将json转换为base64的编码 以及 将base64的编码转换为json的Base64文件

//加密、解密算法封装:
function Base64() {
   
  // private property
  let _keyStr = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=";
  // public method for encoding
  this.encode = function (input) {
   
    var output = "";
    var chr1, chr2, chr3, enc1, enc2, enc3, enc4;
    var i = 0;
    input =  _checkChar(input)
    input = _utf8_encode(input);
    console.log(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
  • 0
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值