Base64前后端编解码

Base64加密解密详解

转自 https://blog.youkuaiyun.com/shuimofengyang/article/details/78530791

前端

base64.js

//base64加密 解密
 
/* //1.加密  
var result = Base.encode('125中文');  //--> "MTI15Lit5paH"
  
//2.解密  
var result2 = Base.decode(result); //--> '125中文'
*/
 
~(function(root, factory) {
  if (typeof define === "function" && define.amd) {
    define([], factory);
  } else if (typeof module === "object" && module.exports) {
    module.exports = factory();
  } else {
    root.Base = factory();
  }
}(this, function() {
   'use strict';
   
    function Base64() {
        // private property
        this._keyStr = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=";
    }
    //public method for encoding
    Base64.prototype.encode = function (input) {
        var output = "", chr1, chr2, chr3, enc1, enc2, enc3, enc4, i = 0;
        input = this._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 +
            this._keyStr.charAt(enc1) + this._keyStr.charAt(enc2) +
            this._keyStr.charAt(enc3) + this._keyStr.charAt(enc4);
        }
        return output;
    }
 
    // public method for decoding
    Base64.prototype.decode = function (input) {
        var output = "", chr1, chr2, chr3, enc1, enc2, enc3, enc4, i = 0;
        input = input.replace(/[^A-Za-z0-9\+\/\=]/g, "");
        while (i < input.length) {
            enc1 = this._keyStr.indexOf(input.charAt(i++));
            enc2 = this._keyStr.indexOf(input.charAt(i++));
            enc3 = this._keyStr.indexOf(input.charAt(i++));
            enc4 = this._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 = this._utf8_decode(output);
        return output;
    }
    // private method for UTF-8 encoding
    Base64.prototype._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
    Base64.prototype._utf8_decode = function (utftext) {
        var string = "", i = 0, c = 0, c1 = 0, c2 = 0, c3 = 0;
        while ( i < utftext.length ) {
            c = utftext.charCodeAt(i);
            if (c < 128) {
                string += String.fromCharCode(c);
                i++;
            } else if((c > 191) && (c < 224)) {
                c2 = utftext.charCodeAt(i+1);
                string += String.fromCharCode(((c & 31) << 6) | (c2 & 63));
                i += 2;
            } else {
                c2 = utftext.charCodeAt(i+1);
                c3 = utftext.charCodeAt(i+2);
                string += String.fromCharCode(((c & 15) << 12) | ((c2 & 63) << 6) | (c3 & 63));
                i += 3;
            }
        }
        return string;
    }
    
    var Base = new Base64();
    
    return Base;
}));

引入base64.js

import { Base } from '/**/base64.js';

使用

function submitForm(){
		    	
			var str1=document.getElementById('j_username').value.trim();
			var result = Base.encode(str1);
		    	
		    }

 后端

工具类

package com.sasis.util;
 
import sun.misc.BASE64Decoder;
import sun.misc.BASE64Encoder;
 
public final class BASE64Util {
 
	/**
	 * 采用BASE64算法对字符串进行加密
	 * @param base 原字符串
	 * @return 加密后的字符串
	 */
	public static final String encode(String base){
		return BASE64Util.encode(base.getBytes());
	}
	
	/**
	 * 采用BASE64算法对字节数组进行加密
	 * @param baseBuff 原字节数组
	 * @return 加密后的字符串
	 */
	public static final String encode(byte[] baseBuff){
		return new BASE64Encoder().encode(baseBuff);
	}
	
	/**
	 * 字符串解密,采用BASE64的算法
	 * @param encoder 需要解密的字符串
	 * @return 解密后的字符串
	 */
	public static final String decode(String encoder){
		try {
			BASE64Decoder decoder = new BASE64Decoder();
			byte[] buf = decoder.decodeBuffer(encoder);
			return new String(buf);
		} catch (Exception e) {
			
			return null;
		}
	}
}

使用

String username=BASE64Util.decode(username1);


 

### 前后端 Base64 加解密实现方法 Base64 是一种基于 64 个可打印字符来表示二进制数据的编码方式。它常被用来在网络传输场景中处理非 ASCII 字符集的数据,或者在存储和通信协议中对二进制数据进行安全转换。 #### Vue.js (前端) 的 Base64 编码与解码示例 Vue.js 中可以通过 JavaScript 自带的方法 `btoa` 和 `atob` 来完成 Base64 的编码与解码操作。以下是具体代码示例: ```javascript // Base64 编码函数 function encodeToBase64(inputString) { return btoa(encodeURIComponent(inputString).replace(/%([0-9A-F]{2})/g, function(match, p1) { return String.fromCharCode('0x' + p1); })); } // Base64 解码函数 function decodeFromBase64(base64String) { return decodeURIComponent(Array.prototype.map.call(atob(base64String), function(c) { return '%' + ('00' + c.charCodeAt(0).toString(16)).slice(-2); }).join('')); } ``` 上述代码实现了字符串到 Base64 的编码以及从 Base64 到原始字符串的解码过程[^3]。 #### Java (后端) 的 Base64 编码与解码示例 Java 提供了内置类 `java.util.Base64` 来支持 Base64编解码功能。以下是一个完整的示例代码片段: ```java import java.util.Base64; public class Base64Example { public static String encode(String input) { byte[] bytes = input.getBytes(); return Base64.getEncoder().encodeToString(bytes); // 返回 Base64 编码后的字符串 } public static String decode(String base64Input) { byte[] decodedBytes = Base64.getDecoder().decode(base64Input); return new String(decodedBytes); // 返回解码后的原始字符串 } public static void main(String[] args) { String originalText = "Hello, this is a secret message!"; // 编码 String encodedMessage = encode(originalText); System.out.println("Encoded Message: " + encodedMessage); // 解码 String decodedMessage = decode(encodedMessage); System.out.println("Decoded Message: " + decodedMessage); } } ``` 此代码展示了如何通过 Java 对消息进行 Base64 编码并将其还原回原始形式[^4]。 #### 完整流程说明 为了确保前后端之间的兼容性和一致性,在实际应用过程中需要注意以下几点: - **统一字符集**:建议两端都采用 UTF-8 编码以避免因字符集不一致而导致乱码问题。 - **安全性考量**:虽然 Base64 并不是真正的加密技术,但它可以作为简单保护措施的一部分。如果需要更高的安全保障,则应考虑使用更复杂的加密算法如 AES 或 RSA 结合 CFB 模式[^1]。
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值