recherche

Maison >interface Web >js tutoriel >Base64 implémente des fonctions de cryptage et de décryptage

Base64 implémente des fonctions de cryptage et de décryptage

php中世界最好的语言
php中世界最好的语言original
2018-04-19 15:51:583521parcourir

Cette fois, je vais vous présenter la fonction de cryptage et de décryptage base64. Quelles sont les précautions pour la mise en œuvre en base64 de la fonction de cryptage et de décryptage. Ce qui suit est un cas pratique, jetons un coup d'œil.

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, comme le DES de Java, jQuery sur Internet propose 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).

Voici le 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=&#39;txt&#39;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>

Le cryptage et le déchiffrement en arrière-plan sont-ils les mêmes qu’en frontend ?

Testons-le : 

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]
*/

À en juger par les résultats, le cryptage et le déchiffrement jquery.base64.js sont identiques au cryptage et au déchiffrement base64 de Java.

Je pense que vous maîtrisez la méthode après avoir lu le cas dans cet article. Pour des informations plus intéressantes, veuillez prêter attention aux autres articles connexes sur le site Web chinois de php !

Lecture recommandée :

JQuery crée un effet de calque de masque de page

Comment utiliser les événements de clavier dans jquery

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!

Java php jquery JS 事件 键盘事件
Déclaration：
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Article précédent：.active est utilisé dynamiquement pour obtenir des effets de navigationArticle suivant：.active est utilisé dynamiquement pour obtenir des effets de navigation

Articles Liés

Voir plus