Maison >interface Web >js tutoriel >À propos de jQuery implémentant la fonction de chiffrement et de déchiffrement frontal base64
À propos de jQuery implémentant la fonction de chiffrement et de déchiffrement frontal base64
- 小云云original
- 2017-12-29 11:48:343155parcourir
Cet article présente principalement l'implémentation par jQuery des fonctions de chiffrement et de déchiffrement front-end base64. Il analyse la méthode d'implémentation de jquery.base64.js pour implémenter les fonctions de chiffrement et de déchiffrement front-end base64 sous forme d'exemples, et donne une comparaison. d'exemples d'opérations d'implémentation par Java du cryptage et du décryptage en arrière-plan base64. Pour vérifier l'effet du cryptage, les amis qui en ont besoin peuvent s'y référer. J'espère que cela pourra aider tout le monde.
Concernant le cryptage, beaucoup de gens pensent à encodeURI et escape. Ceci est utile pour chiffrer les URL, en particulier les URL avec des paramètres chinois.
Si vous souhaitez simplement effectuer un cryptage et un déchiffrement, similaire au DES de Java, jQuery sur Internet a jquery.base64.js.
(Pour le cryptage md5 de js, vous pouvez utiliser jquery.md5.js. Si vous êtes intéressé, vous pouvez le trouver et le tester).
Ce qui suit est un 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">
var path=document.getElementById("path").value;
function app(info){
$("#txt").val($("#txt").val()+'\n'+info);
}
function subfunc(){
var put1=$.trim($("#putcardno01").val());
// var estxt=$.base64.encode(put1);
//var estxt=$.base64.btoa(put1);
var estxt=encodeBase64(put1);
$("#putcardno02").val(estxt);
app("加密后["+estxt+"]");
}
function subfunc02(){
var put1=$.trim($("#putcardno02").val());
//var estxt=$.base64.decode(put1);
//var estxt=$.base64.atob(put1);
var estxt=decodeBase64(put1);
app("解密后["+estxt+"]");
}
//////////////////////////////////////////
var numTimes=5;
function subfunc03(){
var put1=$.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+"]");
}
function subfunc04(){
var put1=$.trim($("#putcardno03").val());
//var estxt=$.base64.decode(put1);
//var estxt=$.base64.atob(put1);
//estxt=$.base64.atob(estxt);
estxt=decodeBase64(put1,numTimes);
app(numTimes+"次解密后["+estxt+"]");
}
function clearrr(){
$("#putcardno02").val("");
$("#putcardno03").val("");
$("#putcardno04").val("");
$("#txt").val("");
}
//加密方法。没有过滤首尾空格，即没有trim.
//加密可以加密N次，对应解密N次就可以获取明文
function encodeBase64(mingwen,times){
var code="";
var num=1;
if(typeof times=='undefined'||times==null||times==""){
num=1;
}else{
var vt=times+"";
num=parseInt(vt);
}
if(typeof mingwen=='undefined'||mingwen==null||mingwen==""){
}else{
$.base64.utf8encode = true;
code=mingwen;
for(var i=0;i<num;i++){
code=$.base64.btoa(code);
}
}
return code;
}
//解密方法。没有过滤首尾空格，即没有trim
//加密可以加密N次，对应解密N次就可以获取明文
function decodeBase64(mi,times){
var mingwen="";
var num=1;
if(typeof times=='undefined'||times==null||times==""){
num=1;
}else{
var vt=times+"";
num=parseInt(vt);
}
if(typeof mi=='undefined'||mi==null||mi==""){
}else{
$.base64.utf8encode = true;
mingwen=mi;
for(var i=0;i<num;i++){
mingwen=$.base64.atob(mingwen);
}
}
return mingwen;
}
/*
测试
输入 suolong2014version
加密后[c3VvbG9uZzIwMTR2ZXJzaW9u]
解密后[suolong2014version]
5次加密后[VjFod1QxWXlVblJUYTJoUVYwWmFhRnBYZEhOTk1WSlhWV3hPVG1KSVFscFZNalYzWVVaYU5tSkVSVDA9]
5次解密后[suolong2014version]
*/
</script>
Le cryptage et le déchiffrement en arrière-plan sont-ils les mêmes qu'en frontend ?
Testons-le :
package com.code;
import sun.misc.BASE64Decoder;
import sun.misc.BASE64Encoder;
/**
*
* Base64加密--解密
*
* @author lushuaiyin
*
*/
public class Base64Util {
/**
* @param args
*/
public static void main(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次
public static String encodeBase64(String mingwen,int times){
int num=(times<=0)?1:times;
String code="";
if(mingwen==null||mingwen.equals("")){
}else{
code=mingwen;
for(int i=0;i<num;i++){
code=encodeBase64(code);
}
System.out.println("加密"+num+"次后["+code+"]");
}
return code;
}
//对应提供解密N次
public static String decodeBase64(String mi,int times){
int num=(times<=0)?1:times;
String mingwen="";
if(mi==null||mi.equals("")){
}else{
mingwen=mi;
for(int i=0;i<num;i++){
mingwen=decodeBase64(mingwen);
}
System.out.println("解密"+num+"次后["+mingwen+"]");
}
return mingwen;
}
///////////////////////////////////////////////////////////////////
public static String encodeBase64(String mingwen){
String code="";
if(mingwen==null||mingwen.equals("")){
}else{
BASE64Encoder encoder = new BASE64Encoder();
try {
code=encoder.encode(mingwen.getBytes());
} catch (Exception e) {
e.printStackTrace();
}
// System.out.println("加密后["+code+"]");
}
return code;
}
public static String decodeBase64(String mi){
String mingwen="";
if(mi==null||mi.equals("")){
}else{
BASE64Decoder decoder = new BASE64Decoder();
try {
byte[] by = decoder.decodeBuffer(mi);
mingwen = new String(by);
} catch (Exception e) {
e.printStackTrace();
}
// System.out.println("解密后["+mingwen+"]");
}
return mingwen;
}
}
/*
打印：
测试明文[suolong2014version]
加密后[c3VvbG9uZzIwMTR2ZXJzaW9u]
解密后[suolong2014version]
N次加密测试--------
加密2次后[YzNWdmJHOXVaekl3TVRSMlpYSnphVzl1]
解密2次后[suolong2014version]
加密5次后[VjFod1QxWXlVblJUYTJoUVYwWmFhRnBYZEhOTk1WSlhWV3hPVG1KSVFscFZNalYzWVVaYU5tSkVS
VDA9]
解密5次后[suolong2014version]
*/
D'après les résultats, le cryptage et le déchiffrement jquery.base64.js sont les mêmes que le cryptage et le déchiffrement base64 de Java.
Recommandations associées :
Comment PHP utilise des clés personnalisées pour crypter et déchiffrer les données
Cryptage et déchiffrement Java et code complet exemple de signature numérique
Introduction détaillée au cryptage des données PHP
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!
Articles Liés
Voir plus- Une analyse approfondie du composant de groupe de liste Bootstrap
- Explication détaillée du currying de la fonction JavaScript
- Exemple complet de génération de mot de passe JS et de détection de force (avec téléchargement du code source de démonstration)
- Angularjs intègre l'interface utilisateur WeChat (weui)
- Comment basculer rapidement entre le chinois traditionnel et le chinois simplifié avec JavaScript et l'astuce permettant aux sites Web de prendre en charge le basculement entre les compétences en chinois simplifié et traditionnel_javascript