一、Base64加密解密

一、前端加密

一、方法 一

const that = this;const copyruleFORM = JSON.parse(jsON.stringify(that.ruleForm));const c_clus_content = window.btoa(unescape(encodeURIComponent(this.ruleForm.c_clus_content)));const c_clus_econtent = window.btoa(unescape(encodeURIComponent(this.ruleForm.c_clus_econtent)))注：unescape()方法已经被弃用，不建议使用

二、方法 二

注：深拷贝处理

const that = this;# 深拷贝const copyruleForm = JSON.parse(JSON.stringify(that.ruleForm));const c_clus_content = btoa(encodeURI(that.ruleForm.c_clus_content));const c_clus_econtent = btoa(encodeURI(that.ruleForm.c_clus_econtent));

二、后端解密

一、方法 一

    public ProdCompDuty update(ProdCompDutyDTO prodCompDutyDTO) {        ProdCompDuty field = prodCompDutyDTO.getField();        //Base64解密 责任中文内容和责任英文内容        if (StringUtil.isNotBlank(prodCompDutyDTO.getIsBase64()) && "true".equals(prodCompDutyDTO.getIsBase64())) {            byte[] bytes1 = Base64.getDecoder().decode(field.getC_clus_content());            String c_clus_content = new String(bytes1);            field.setC_clus_content(c_clus_content);            byte[] bytes2 = Base64.getDecoder().decode(field.getC_clus_econtent());            String c_clus_econtent = new String(bytes2);            field.setC_clus_econtent(c_clus_econtent);        }            ProdCompDutyDao.updateOne_odb_duty_no(field);            return field;    }

二、方法 二

public ProdCompDuty update(ProdCompDutyDTO prodCompDutyDTO) {         ProdCompDuty field = prodCompDutyDTO.getField();        //Base64解密 责任中文内容和责任英文内容        if (StringUtil.isNotBlank(prodCompDutyDTO.getIsBase64()) && "true".equals(prodCompDutyDTO.getIsBase64())) {            try {                String c_clus_content = URLDecoder.decode(new String(Base64.getDecoder().decode(field.getC_clus_content()), "utf-8"), "utf-8");                String c_clus_econtent = URLDecoder.decode(new String(Base64.getDecoder().decode(field.getC_clus_econtent()), "utf-8"), "utf-8");                field.setC_clus_content(c_clus_content);                field.setC_clus_econtent(c_clus_econtent);            } catch (UnsupportedEncodingException e) {                e.printStackTrace();            }        }        ProdCompDutyDao.updateOne_odb_duty_no(field);        return field;    }

三、前端加密解密

一、window浏览器环境

window.btoa() 将ascii字符串或二进制数据转换成 base64 编码过的字符串

window.atob() 函数用来解码被 base64 编码过的数据

# 方法名就是 btoa和 atob ，具体语法如下：window.btoa('hellow World')  // 编码   aGVsbG93IFdvcmxkwindow.atob('aGVsbG93IFdvcmxk')  // 解码 hellow World

注意：不适用于带中文解密，即window.btoa 与 window.atob 不支持中文，且 IE9 以下不支持atob、btoa

解决：btoa 不支持 Unicode 字符编码的问题编码时，先用 encodeURIComponent 对字符串进行编码，再进行 btoa 进行 Base64 编码解码时，先用 atob 对 Base64 编码的串进行解码，再用 decodeURIComponent 对字符串进行解码

var str = "hello,中国";var encoded_str = btoa(encodeURIComponent(str));var decoded_str = decodeURIComponent(atob(encoded_str));console.log(encoded_str); // aGVsbG8lMkMlRTQlQjglQUQlRTUlOUIlQkQ=console.log(decoded_str); // hello,中国在这里插入代码片

二、封装base64

;(function (global, factory) {    typeof exports === 'object' && typeof module !== 'undefined'        ? module.exports = factory(global)        : typeof define === 'function' && define.amd        ? define(factory) : factory(global)}((    typeof self !== 'undefined' ? self        : typeof window !== 'undefined' ? window        : typeof global !== 'undefined' ? global: this), function(global) {    'use strict';    // existing version for noConflict()    global = global || {};    var _Base64 = global.Base64;    var version = "2.5.2";    // if node.js and NOT React Native, we use Buffer    var buffer;    if (typeof module !== 'undefined' && module.exports) {        try {            buffer = eval("require('buffer').Buffer");        } catch (err) {            buffer = undefined;        }    }    // constants    var b64chars        = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/';    var b64tab = function(bin) {        var t = {};        for (var i = 0, l = bin.length; i < l; i++) t[bin.charAt(i)] = i;        return t;    }(b64chars);    var fromCharCode = String.fromCharCode;    // encoder stuff    var cb_utob = function(c) {        if (c.length < 2) {            var cc = c.charCodeAt(0);            return cc < 0x80 ? c                : cc < 0x800 ? (fromCharCode(0xc0 | (cc >>> 6))    + fromCharCode(0x80 | (cc & 0x3f)))                : (fromCharCode(0xe0 | ((cc >>> 12) & 0x0f))                    + fromCharCode(0x80 | ((cc >>>  6) & 0x3f))                    + fromCharCode(0x80 | ( cc         & 0x3f)));        } else {            var cc = 0x10000                + (c.charCodeAt(0) - 0xD800) * 0x400                + (c.charCodeAt(1) - 0xDC00);            return (fromCharCode(0xf0 | ((cc >>> 18) & 0x07))                    + fromCharCode(0x80 | ((cc >>> 12) & 0x3f))                    + fromCharCode(0x80 | ((cc >>>  6) & 0x3f))                    + fromCharCode(0x80 | ( cc         & 0x3f)));        }    };    var re_utob = /[\uD800-\uDBFF][\uDC00-\uDFFFF]|[^\x00-\x7F]/g;    var utob = function(u) {        return u.replace(re_utob, cb_utob);    };    var cb_encode = function(ccc) {        var padlen = [0, 2, 1][ccc.length % 3],        ord = ccc.charCodeAt(0) << 16            | ((ccc.length > 1 ? ccc.charCodeAt(1) : 0) << 8)            | ((ccc.length > 2 ? ccc.charCodeAt(2) : 0)),        chars = [            b64chars.charAt( ord >>> 18),            b64chars.charAt((ord >>> 12) & 63),            padlen >= 2 ? '=' : b64chars.charAt((ord >>> 6) & 63),            padlen >= 1 ? '=' : b64chars.charAt(ord & 63)        ];        return chars.join('');    };    var btoa = global.btoa ? function(b) {        return global.btoa(b);    } : function(b) {        return b.replace(/[\s\S]{1,3}/g, cb_encode);    };    var _encode = function(u) {        var isUint8Array = Object.prototype.toString.call(u) === '[object Uint8Array]';        return isUint8Array ? u.toString('base64')            : btoa(utob(String(u)));    }    var encode = function(u, urisafe) {        return !urisafe            ? _encode(u)            : _encode(String(u)).replace(/[+\/]/g, function(m0) {                return m0 == '+' ? '-' : '_';            }).replace(/=/g, '');    };    var encodeURI = function(u) { return encode(u, true) };    // decoder stuff    var re_btou = /[\xC0-\xDF][\x80-\xBF]|[\xE0-\xEF][\x80-\xBF]{2}|[\xF0-\xF7][\x80-\xBF]{3}/g;    var cb_btou = function(cccc) {        switch(cccc.length) {        case 4:            var cp = ((0x07 & cccc.charCodeAt(0)) << 18)                |    ((0x3f & cccc.charCodeAt(1)) << 12)                |    ((0x3f & cccc.charCodeAt(2)) <<  6)                |     (0x3f & cccc.charCodeAt(3)),            offset = cp - 0x10000;            return (fromCharCode((offset  >>> 10) + 0xD800)                    + fromCharCode((offset & 0x3FF) + 0xDC00));        case 3:            return fromCharCode(                ((0x0f & cccc.charCodeAt(0)) << 12)                    | ((0x3f & cccc.charCodeAt(1)) << 6)                    |  (0x3f & cccc.charCodeAt(2))            );        default:            return  fromCharCode(                ((0x1f & cccc.charCodeAt(0)) << 6)                    |  (0x3f & cccc.charCodeAt(1))            );        }    };    var btou = function(b) {        return b.replace(re_btou, cb_btou);    };    var cb_decode = function(cccc) {        var len = cccc.length,        padlen = len % 4,        n = (len > 0 ? b64tab[cccc.charAt(0)] << 18 : 0)            | (len > 1 ? b64tab[cccc.charAt(1)] << 12 : 0)            | (len > 2 ? b64tab[cccc.charAt(2)] <<  6 : 0)            | (len > 3 ? b64tab[cccc.charAt(3)]       : 0),        chars = [            fromCharCode( n >>> 16),            fromCharCode((n >>>  8) & 0xff),            fromCharCode( n         & 0xff)        ];        chars.length -= [0, 0, 2, 1][padlen];        return chars.join('');    };    var _atob = global.atob ? function(a) {        return global.atob(a);    } : function(a){        return a.replace(/\S{1,4}/g, cb_decode);    };    var atob = function(a) {        return _atob(String(a).replace(/[^A-Za-z0-9\+\/]/g, ''));    };    var _decode = buffer ?        buffer.from && Uint8Array && buffer.from !== Uint8Array.from        ? function(a) {            return (a.constructor === buffer.constructor                    ? a : buffer.from(a, 'base64')).toString();        }        : function(a) {            return (a.constructor === buffer.constructor                    ? a : new buffer(a, 'base64')).toString();        }        : function(a) { return btou(_atob(a)) };    var decode = function(a){        return _decode(            String(a).replace(/[-_]/g, function(m0) { return m0 == '-' ? '+' : '/' })                .replace(/[^A-Za-z0-9\+\/]/g, '')        );    };    var noConflict = function() {        var Base64 = global.Base64;        global.Base64 = _Base64;        return Base64;    };    // export Base64    global.Base64 = {        VERSION: version,        atob: atob,        btoa: btoa,        fromBase64: decode,        toBase64: encode,        utob: utob,        encode: encode,        encodeURI: encodeURI,        btou: btou,        decode: decode,        noConflict: noConflict,        __buffer__: buffer    };    // if ES5 is available, make Base64.extendString() available    if (typeof Object.defineProperty === 'function') {        var noEnum = function(v){            return {value:v,enumerable:false,writable:true,configurable:true};        };        global.Base64.extendString = function () {            Object.defineProperty(                String.prototype, 'fromBase64', noEnum(function () {                    return decode(this)                }));            Object.defineProperty(                String.prototype, 'toBase64', noEnum(function (urisafe) {                    return encode(this, urisafe)                }));            Object.defineProperty(                String.prototype, 'toBase64URI', noEnum(function () {                    return encode(this, true)                }));        };    }    //    // export Base64 to the namespace    //    if (global['Meteor']) { // Meteor.js        Base64 = global.Base64;    }    // module.exports and AMD are mutually exclusive.    // module.exports has precedence.    if (typeof module !== 'undefined' && module.exports) {        module.exports.Base64 = global.Base64;    }    else if (typeof define === 'function' && define.amd) {        // AMD. ReGISter as an anonymous module.        define([], function(){ return global.Base64 });    }    // that's it!    return {Base64: global.Base64}}));

方法使用

1、引用import {Base64} from './utils/base64'2、使用Base64.encode('hellow world'); // 编码  aGVsbG93IFdvcmxkBase64.decode('aGVsbG93IFdvcmxk'); // 解码  hellow World

三、开源的base64.js

1、下载依赖$ npm install --save js-base642、使用方法：import {Base64} from 'js-base64'Base64.encode('hellow world'); // 编码  aGVsbG93IFdvcmxkBase64.decode('aGVsbG93IFdvcmxk'); // 解码  hellow World

四、后端Base64工具类

一、base64加密解密（apache）

import org.apache.commons.net.util.Base64;import java.io.UnsupportedEncodingException;@SuppressWarnings("restriction")public class BaseEncodeAndDecode {  //加密      public static String getBase64(String str){          byte[] b=null;          String s=null;          try {              b = str.getBytes("utf-8");          } catch (UnsupportedEncodingException e) {              e.printStackTrace();          }          if(b!=null){              s=Base64.encodeBase64String(b);        }        return s;      }      // 解密        public static String getFromBase64(String s) {            byte[] b = null;            String result = null;            if (s != null) {                try {                b = Base64.decodeBase64(s);                result = new String(b, "utf-8");                } catch (Exception e) {                    e.printStackTrace();                }            }            return result;        } } 

二、base64加密解密（util）

import java.util.Base64;public class BaseEncodeAndDecode {  //加密private static String BaseEncodeAndDecode(String str) {//String encodedString = Base64.getEncoder().encodeToString(str.getBytes());String encodedString = Base64.getEncoder().withoutPadding().encodeToString(str.getBytes());return encodedString;}//解密private static String getFromBase64(String str) {byte[] decodedBytes = Base64.getDecoder().decode(str);String decodedString = new String(decodedBytes);return decodedString;}} 

来源地址：https://blog.csdn.net/weixin_45207323/article/details/129836690