Heim >Web-Frontend >js-Tutorial >Base64 implementiert Verschlüsselungs- und Entschlüsselungsfunktionen
Base64 implementiert Verschlüsselungs- und Entschlüsselungsfunktionen
- php中世界最好的语言Original
- 2018-04-19 15:51:583521Durchsuche
Dieses Mal werde ich Ihnen die Base64-Verschlüsselungs- und Entschlüsselungsfunktion vorstellen. Was sind die Vorsichtsmaßnahmen für die Base64-Implementierung der Verschlüsselungs- und Entschlüsselungsfunktion? Das Folgende ist ein praktischer Fall, schauen wir uns das an.
Bei der Verschlüsselung denken viele Menschen an encodeURI und Escape. Dies ist nützlich für die Verschlüsselung von URLs, insbesondere von URLs mit chinesischen Parametern. Wenn Sie nur eine Verschlüsselung und Entschlüsselung durchführen möchten, ähnlich wie bei Javas DES, verfügt jQuery im Internet über jquery.base64.js. (Für die MD5-Verschlüsselung von js können Sie jquery.md5.js verwenden. Wenn Sie interessiert sind, können Sie es finden und testen.) Hier ist der Test:<html>
<head>
<title></title>
<meta http-equiv="Content-Type"content="text/html; charset=UTF-8">
<script language="javascript"src="jquery-1.7.1.js"></script>
<script language="javascript"src="jquery.base64.js"></script>
</head>
<body>
<input id="path"name="path"type="hidden"value="haha"></input>
<input id="putcardno01"name="putcardno01"type="text"size="65"value=""></input>
<br>
<input onclick="subfunc();"class="btn1"value="提交加密" type="button"></input>
<br>
加密后：<input id="putcardno02"name="putcardno02"type="text"size="65"value=""></input>
<br>
<input onclick="subfunc02();"class="btn1"value="提交解密" type="button"></input>
<br>
<br>
<hr>
<input onclick="subfunc03();"class="btn1"value="提交N次加密" type="button"></input>
<br>
加密后：<input id="putcardno03"name="putcardno03"type="text"size="65"value=""></input>
<br>
<input onclick="subfunc04();"class="btn1"value="提交N次解密" type="button"></input>
<br>
<br>
<input onclick="clearrr();"class="btn1"value="清除" type="button"></input>
<br>
<textarea id='txt'cols="75"rows="19"></textarea>
</body>
<script language="javascript">
varpath=document.getElementById("path").value;
functionapp(info){
$("#txt").val($("#txt").val()+'\n'+info);
}
functionsubfunc(){
varput1=$.trim($("#putcardno01").val());
// var estxt=$.base64.encode(put1);
//var estxt=$.base64.btoa(put1);
varestxt=encodeBase64(put1);
$("#putcardno02").val(estxt);
app("加密后["+estxt+"]");
}
functionsubfunc02(){
varput1=$.trim($("#putcardno02").val());
//var estxt=$.base64.decode(put1);
//var estxt=$.base64.atob(put1);
varestxt=decodeBase64(put1);
app("解密后["+estxt+"]");
}
//////////////////////////////////////////
varnumTimes=5;
functionsubfunc03(){
varput1=$.trim($("#putcardno01").val());
// var estxt=$.base64.encode(put1);
//var estxt=$.base64.btoa(put1);
//estxt=$.base64.btoa(estxt);
estxt=encodeBase64(put1,numTimes);
$("#putcardno03").val(estxt);
app(numTimes+"次加密后["+estxt+"]");
}
functionsubfunc04(){
varput1=$.trim($("#putcardno03").val());
//var estxt=$.base64.decode(put1);
//var estxt=$.base64.atob(put1);
//estxt=$.base64.atob(estxt);
estxt=decodeBase64(put1,numTimes);
app(numTimes+"次解密后["+estxt+"]");
}
functionclearrr(){
$("#putcardno02").val("");
$("#putcardno03").val("");
$("#putcardno04").val("");
$("#txt").val("");
}
//加密方法。没有过滤首尾空格，即没有trim.
//加密可以加密N次，对应解密N次就可以获取明文
functionencodeBase64(mingwen,times){
varcode="";
varnum=1;
if(typeoftimes=='undefined'||times==null||times==""){
num=1;
}else{
varvt=times+"";
num=parseInt(vt);
}
if(typeofmingwen=='undefined'||mingwen==null||mingwen==""){
}else{
$.base64.utf8encode =true;
code=mingwen;
for(vari=0;i<num;i++){
code=$.base64.btoa(code);
}
}
returncode;
}
//解密方法。没有过滤首尾空格，即没有trim
//加密可以加密N次，对应解密N次就可以获取明文
functiondecodeBase64(mi,times){
varmingwen="";
varnum=1;
if(typeoftimes=='undefined'||times==null||times==""){
num=1;
}else{
varvt=times+"";
num=parseInt(vt);
}
if(typeofmi=='undefined'||mi==null||mi==""){
}else{
$.base64.utf8encode =true;
mingwen=mi;
for(vari=0;i<num;i++){
mingwen=$.base64.atob(mingwen);
}
}
returnmingwen;
}
/*
测试
输入 suolong2014version
加密后[c3VvbG9uZzIwMTR2ZXJzaW9u]
解密后[suolong2014version]
5次加密后[VjFod1QxWXlVblJUYTJoUVYwWmFhRnBYZEhOTk1WSlhWV3hPVG1KSVFscFZNalYzWVVaYU5tSkVSVDA9]
5次解密后[suolong2014version]
*/
</script>
Ist die Ver- und Entschlüsselung im Hintergrund die gleiche wie im Frontend?
Testen wir es:
packagecom.code;
importsun.misc.BASE64Decoder;
importsun.misc.BASE64Encoder;
/**
*
* Base64加密--解密
*
* @author lushuaiyin
*
*/
publicclassBase64Util {
/**
* @param args
*/
publicstaticvoidmain(String[] args) {
// TODO Auto-generated method stub
String str="suolong2014version";
System.out.println("测试明文["+str+"]");
String basecode =Base64Util.encodeBase64(str);
System.out.println("加密后["+basecode+"]");
if(basecode!=null){
String res =Base64Util.decodeBase64(basecode);
System.out.println("解密后["+res+"]");
}
/////////////////////////////////////////
System.out.println("");
System.out.println("N次加密测试--------");
String basecodeN=Base64Util.encodeBase64(str,2);
String resN=Base64Util.decodeBase64(basecodeN,2);
String basecodeN3=Base64Util.encodeBase64(str,5);
String resN3=Base64Util.decodeBase64(basecodeN3,5);
}
//提供加密N次
publicstaticString encodeBase64(String mingwen,inttimes){
intnum=(times<=0)?1:times;
String code="";
if(mingwen==null||mingwen.equals("")){
}else{
code=mingwen;
for(inti=0;i<num;i++){
code=encodeBase64(code);
}
System.out.println("加密"+num+"次后["+code+"]");
}
returncode;
}
//对应提供解密N次
publicstaticString decodeBase64(String mi,inttimes){
intnum=(times<=0)?1:times;
String mingwen="";
if(mi==null||mi.equals("")){
}else{
mingwen=mi;
for(inti=0;i<num;i++){
mingwen=decodeBase64(mingwen);
}
System.out.println("解密"+num+"次后["+mingwen+"]");
}
returnmingwen;
}
///////////////////////////////////////////////////////////////////
publicstaticString encodeBase64(String mingwen){
String code="";
if(mingwen==null||mingwen.equals("")){
}else{
BASE64Encoder encoder =newBASE64Encoder();
try{
code=encoder.encode(mingwen.getBytes());
}catch(Exception e) {
e.printStackTrace();
}
// System.out.println("加密后["+code+"]");
}
returncode;
}
publicstaticString decodeBase64(String mi){
String mingwen="";
if(mi==null||mi.equals("")){
}else{
BASE64Decoder decoder =newBASE64Decoder();
try{
byte[] by = decoder.decodeBuffer(mi);
mingwen =newString(by);
}catch(Exception e) {
e.printStackTrace();
}
// System.out.println("解密后["+mingwen+"]");
}
returnmingwen;
}
}
/*
打印：
测试明文[suolong2014version]
加密后[c3VvbG9uZzIwMTR2ZXJzaW9u]
解密后[suolong2014version]
N次加密测试--------
加密2次后[YzNWdmJHOXVaekl3TVRSMlpYSnphVzl1]
解密2次后[suolong2014version]
加密5次后[VjFod1QxWXlVblJUYTJoUVYwWmFhRnBYZEhOTk1WSlhWV3hPVG1KSVFscFZNalYzWVVaYU5tSkVS
VDA9]
解密5次后[suolong2014version]
*/
Den Ergebnissen nach zu urteilen, sind die Verschlüsselung und Entschlüsselung von jquery.base64.js dieselben wie die Base64-Verschlüsselung und -Entschlüsselung von Java. Ich glaube, dass Sie die Methode beherrschen, nachdem Sie den Fall in diesem Artikel gelesen haben. Weitere spannende Informationen finden Sie in anderen verwandten Artikeln auf der chinesischen PHP-Website! Empfohlene Lektüre:
JQuery erstellt einen Seitenmaskenebeneneffekt
So verwenden Sie Tastaturereignisse in JQuery
Das obige ist der detaillierte Inhalt vonBase64 implementiert Verschlüsselungs- und Entschlüsselungsfunktionen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
Stellungnahme：
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel：.active wird dynamisch verwendet, um Navigationseffekte zu erzielenNächster Artikel：.active wird dynamisch verwendet, um Navigationseffekte zu erzielen
In Verbindung stehende Artikel
Mehr sehen- Eine eingehende Analyse der Bootstrap-Listengruppenkomponente
- Detaillierte Erläuterung des JavaScript-Funktions-Curryings
- Vollständiges Beispiel für die Generierung von JS-Passwörtern und die Erkennung der Stärke (mit Download des Demo-Quellcodes)
- Angularjs integriert WeChat UI (weui)
- Wie man mit JavaScript schnell zwischen traditionellem Chinesisch und vereinfachtem Chinesisch wechselt und wie Websites den Wechsel zwischen vereinfachtem und traditionellem Chinesisch unterstützen – Javascript-Kenntnisse