Base64 kodieren String mit Zeichen plus oder kaufmännischen Und zwischen PHP und JavaScript

-1

Mein Ziel ist:Base64 kodieren String mit Zeichen plus oder kaufmännischen Und zwischen PHP und JavaScript

einen Ajax-Aufruf jQuery Stellen von aus der Datenbank mit PHP Lese durch Codierung
PHP erstellen Sie den JSON-String (benutzerdefinierte Prozedur) der Inhalt der Felder in base64
lesen in jQuery Antwort und dekodieren die Inhalte der Seite

ich habe versucht, dieses Beispiel in PHP (hier fehlt die Lesung Teil der Datenbank und t erstellen Die JSON-Codierung), aber ich habe Probleme mit Strings, die die Zeichen "+" und "&" enthalten.

Ich löste einige Probleme mit der „bencode“ Routine (ich es in der PHP-Dokumentation) ... versuchen, die Zeichenfolge = ‚>>>>>>>>>>>‘.

<?php 
$h = <<<HTML 
<!DOCTYPE html> 
<html> 
    <head> 
     <meta http-equiv="Content-Type" content="text/html" charset="utf-8" /> 
     <script type="text/javascript" src="https://code.jquery.com/jquery-2.2.2.min.js"></script> 
     <title>test base 64</title> 
     <script type="text/javascript"> 

      var Base64={ 
       _keyStr:"ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz/=" 
       ,encode:function(e){ 
        var t=""; 
        var n,r,i,s,o,u,a; 
        var f=0; 
        e=Base64._utf8_encode(e); 
        while(f<e.length){ 
         n=e.charCodeAt(f++); 
         r=e.charCodeAt(f++); 
         i=e.charCodeAt(f++); 
         s=n>>2; 
         o=(n&3)<<4|r>>4; 
         u=(r&15)<<2|i>>6; 
         a=i&63; 
         if(isNaN(r)){ 
          u=a=64 
         }else if(isNaN(i)){ 
          a=64 
         } 
         t = t + this._keyStr.charAt(s) + this._keyStr.charAt(o) + this._keyStr.charAt(u) + this._keyStr.charAt(a) 
        } 
        return t 
       } 
       ,decode:function(e){ 
        var t=""; 
        var n,r,i; 
        var s,o,u,a; 
        var f=0; 
        e=e.replace(/[^A-Za-z0-9+/=]/g,""); 
        while(f<e.length){ 
         s=this._keyStr.indexOf(e.charAt(f++)); 
         o=this._keyStr.indexOf(e.charAt(f++)); 
         u=this._keyStr.indexOf(e.charAt(f++)); 
         a=this._keyStr.indexOf(e.charAt(f++)); 
         n=s<<2|o>>4; 
         r=(o&15)<<4|u>>2; 
         i=(u&3)<<6|a; 
         t = t + String.fromCharCode(n); 
         if(u!=64){ 
          t=t+String.fromCharCode(r) 
         } 
         if(a!=64){ 
          t=t+String.fromCharCode(i) 
         } 
        } 
        t=Base64._utf8_decode(t); 
        return t 
       } 
       ,_utf8_encode:function(e){ 
        e=e.replace(/\\r\\n/g,"\\n"); 
        var t=""; 
        for(var n=0;n<e.length;n++){ 
         var r=e.charCodeAt(n); 
         if(r<128){ 
          t+=String.fromCharCode(r) 
         }else if(r>127&&r<2048){ 
          t+=String.fromCharCode(r>>6|192); 
          t+=String.fromCharCode(r&63|128) 
         }else{ 
          t+=String.fromCharCode(r>>12|224); 
          t+=String.fromCharCode(r>>6&63|128); 
          t+=String.fromCharCode(r&63|128) 
         } 
        } 
        return t 
       } 
       ,_utf8_decode:function(e){ 
        var t=""; 
        var n=0; 
        var r=c1=c2=0; 
        while(n<e.length){ 
         r=e.charCodeAt(n); 
         if(r<128){ 
          t+=String.fromCharCode(r); 
          n++ 
         }else if(r>191&&r<224){ 
          c2=e.charCodeAt(n+1); 
          t+=String.fromCharCode((r&31)<<6|c2&63); 
          n+=2 
         }else{ 
          c2=e.charCodeAt(n+1); 
          c3=e.charCodeAt(n+2); 
          t+=String.fromCharCode((r&15)<<12|(c2&63)<<6|c3&63); 
          n+=3 
         } 
        } 
        return t 
       } 
      } 

      $(function() { 
       $("input").keyup(function() { 
        // javascript 
        var sj = $(this).val(); 
        var encoded = Base64.encode(sj); 
        $("#encoded").text(encoded); 
        var decoded = Base64.decode(encoded); 
        $("#decoded").text(decoded); 
        // php 
        var sp = $(this).val(); 
        var encodedphp = ''; 
        var decodedphp = ''; 
        var bencodedphp = ''; 
        if (sp != '') { 
         $.ajax({ 
          type: "POST", url: 'base64.php', dataType: 'text', async: false, 
          data: 'toencode64='+sp, 
          success: function(data) { 
           encodedphp = data; 
          }, 
          error: function(jqXHR, textStatus, errorThrown) { 
           console.log(jqXHR);console.log(textStatus);console.log(errorThrown); 
          } 
         });  
         $.ajax({ 
          type: "POST", url: 'base64.php', dataType: 'text', async: false, 
          data: 'todecode64='+encodedphp, 
          success: function(data) { 
           decodedphp = data; 
          }, 
          error: function(jqXHR, textStatus, errorThrown) { 
           console.log(jqXHR);console.log(textStatus);console.log(errorThrown); 
          } 
         });  
         $.ajax({ 
          type: "POST", url: 'base64.php', dataType: 'text', async: false, 
          data: 'bencode='+sp, 
          success: function(data) { 
           bencodedphp = data; 
          }, 
          error: function(jqXHR, textStatus, errorThrown) { 
           console.log(jqXHR);console.log(textStatus);console.log(errorThrown); 
          } 
         });  
        }; 
        $("#encodedphp").text(encodedphp); 
        $("#decodedphp").text(decodedphp); 
        $("#bencodedphp").text(bencodedphp); 
        var encodedjsphp = Base64.decode(encodedphp); 
        $("#encodedjsphp").text(encodedjsphp); 
        var bencodedjsphp = Base64.decode(bencodedphp); 
        $("#bencodedjsphp").text(bencodedjsphp); 
       }) 
       .keyup(); 
      }); 
     </script> 
    </head> 
    <body> 
     <input type="text"> 
     <table> 
     <tr><td>01. js encode:</td><td id="encoded"></td></tr> 
     <tr><td>02. js decode:</td><td id="decoded"></td></tr> 
     <tr><td>03. php encode:</td><td id="encodedphp"></td></tr> 
     <tr><td>04. php decode:</td><td id="decodedphp"></td></tr> 
     <tr><td>05. php bencode:</td><td id="bencodedphp"></td></tr> 
     <tr><td>06. js decode php encode:</td><td id="encodedjsphp"></td></tr> 
     <tr><td>07. js decode php bencode:</td><td id="bencodedjsphp"></td></tr> 
     </table> 
    </body> 
</html> 
HTML; 
?> 
<?php 
    foreach ($_REQUEST as $key => $value) { 
     $$key = $value; 
    }; 
    $s=$h; 
    if (isset($toencode64)) {$s = strtr(base64_encode($toencode64), '+/', '-_');}; 
    if (isset($todecode64)) {$s = base64_decode(strtr($todecode64, '-_', '+/'));}; 
    if (isset($bencode)) {$s = bencode($bencode);}; 
    echo $s; 

    function bencode($string='') { 
     $binval = convert_binary_str($string); 
     $final = ""; 
     $start = 0; 
     while ($start < strlen($binval)) { 
      if (strlen(substr($binval,$start)) < 6) 
       $binval .= str_repeat("0",6-strlen(substr($binval,$start))); 
      $tmp = bindec(substr($binval,$start,6)); 
      if ($tmp < 26) 
       $final .= chr($tmp+65); 
      elseif ($tmp > 25 && $tmp < 52) 
       $final .= chr($tmp+71); 
      elseif ($tmp == 62) 
       $final .= "+"; 
      elseif ($tmp == 63) 
       $final .= "/"; 
      elseif (!$tmp) 
       $final .= "A"; 
      else 
       $final .= chr($tmp-4); 
      $start += 6; 
     } 
     if (strlen($final)%4>0) 
      $final .= str_repeat("=",4-strlen($final)%4); 
     return $final; 
    } 

    function convert_binary_str($string) { 
     if (strlen($string)<=0) return; 
     $tmp = decbin(ord($string[0])); 
     $tmp = str_repeat("0",8-strlen($tmp)).$tmp; 
     return $tmp.convert_binary_str(substr($string,1)); 
    } 

?>

... Correct Skript (1. April 2016)

<?php 
$h = <<<HTML 
<!DOCTYPE html> 
<html> 
    <head> 
     <meta http-equiv="Content-Type" content="text/html" charset="utf-8" /> 
     <meta name="description" content="Base64"> 
     <meta name="keywords" content="test Base64"> 
     <meta name="author" content="Alberto Bongiorni"> 
     <script type="text/javascript" src="https://code.jquery.com/jquery-2.2.2.min.js"></script> 
     <title>test base 64</title> 
     <script type="text/javascript"> 

      // decode base64 string 
      String.prototype.btoa = function() { 
       try { 
        return window.btoa(this); 
       } 
       catch(err) { 
        return err.message; 
       } 
      } 
      // encode string to base64 
      String.prototype.atob = function() { 
       try { 
        return window.atob(this); 
       } 
       catch(err) { 
        return err.message; 
       } 
      }  

      String.prototype.replaceAll = function(target, replacement) { 
       // se replacement = '' cancella tutti quei caratteri dalla stringa 
       return this.split(target).join(replacement); 
      }; 

      var Base64={ 
       _keyStr:"ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz/=" 
       ,encode:function(e){ 
        var t=""; 
        var n,r,i,s,o,u,a; 
        var f=0; 
        e=Base64._utf8_encode(e); 
        while(f<e.length){ 
         n=e.charCodeAt(f++); 
         r=e.charCodeAt(f++); 
         i=e.charCodeAt(f++); 
         s=n>>2; 
         o=(n&3)<<4|r>>4; 
         u=(r&15)<<2|i>>6; 
         a=i&63; 
         if(isNaN(r)){ 
          u=a=64 
         }else if(isNaN(i)){ 
          a=64 
         } 
         t = t + this._keyStr.charAt(s) + this._keyStr.charAt(o) + this._keyStr.charAt(u) + this._keyStr.charAt(a) 
        } 
        return t 
       } 
       ,decode:function(e){ 
        var t=""; 
        var n,r,i; 
        var s,o,u,a; 
        var f=0; 
        e=e.replace(/[^A-Za-z0-9+/=]/g,""); 
        while(f<e.length){ 
         s=this._keyStr.indexOf(e.charAt(f++)); 
         o=this._keyStr.indexOf(e.charAt(f++)); 
         u=this._keyStr.indexOf(e.charAt(f++)); 
         a=this._keyStr.indexOf(e.charAt(f++)); 
         n=s<<2|o>>4; 
         r=(o&15)<<4|u>>2; 
         i=(u&3)<<6|a; 
         t = t + String.fromCharCode(n); 
         if(u!=64){ 
          t=t+String.fromCharCode(r) 
         } 
         if(a!=64){ 
          t=t+String.fromCharCode(i) 
         } 
        } 
        t=Base64._utf8_decode(t); 
        return t 
       } 
       ,_utf8_encode:function(e){ 
        e=e.replace(/\\r\\n/g,"\\n"); 
        var t=""; 
        for(var n=0;n<e.length;n++){ 
         var r=e.charCodeAt(n); 
         if(r<128){ 
          t+=String.fromCharCode(r) 
         }else if(r>127&&r<2048){ 
          t+=String.fromCharCode(r>>6|192); 
          t+=String.fromCharCode(r&63|128) 
         }else{ 
          t+=String.fromCharCode(r>>12|224); 
          t+=String.fromCharCode(r>>6&63|128); 
          t+=String.fromCharCode(r&63|128) 
         } 
        } 
        return t 
       } 
       ,_utf8_decode:function(e){ 
        var t=""; 
        var n=0; 
        var r=c1=c2=0; 
        while(n<e.length){ 
         r=e.charCodeAt(n); 
         if(r<128){ 
          t+=String.fromCharCode(r); 
          n++ 
         }else if(r>191&&r<224){ 
          c2=e.charCodeAt(n+1); 
          t+=String.fromCharCode((r&31)<<6|c2&63); 
          n+=2 
         }else{ 
          c2=e.charCodeAt(n+1); 
          c3=e.charCodeAt(n+2); 
          t+=String.fromCharCode((r&15)<<12|(c2&63)<<6|c3&63); 
          n+=3 
         } 
        } 
        return t 
       } 
      } 

      $(function() { 
       $("input").keyup(function() { 
        // javascript 
        var sj = $(this).val(); 
        var encoded = Base64.encode(sj); 
        $("#encoded").text(encoded); 
        var decoded = Base64.decode(encoded); 
        $("#decoded").text(decoded); 

        var sab = $(this).val(); 
        var satob = sab.atob(); 
        $("#atob").text(satob); 
        var sbtoa = satob.btoa(); 
        $("#btoa").text(sbtoa); 

        // php 
        var sp = $(this).val(); 
        var encodedphp = ''; 
        if (sp != '') { 
         $.ajax({ 
          type: "POST", url: 'base64.php', dataType: 'text', async: false, 
          data: 'toencode64='+encodeURI(encodeURIComponent(sp)), 
          success: function(data) { 
           encodedphp = data; 
          }, 
          error: function(jqXHR, textStatus, errorThrown) { 
           console.log(jqXHR);console.log(textStatus);console.log(errorThrown); 
          } 
         });  
        }; 
        $("#encodedphp").text(encodedphp); 
       }) 
       .keyup(); 
      }); 
     </script> 
     <style> 
      .bg_verde_t40 {background-color: rgba(0, 255, 0, 0.4);} 
      .bg_blu_t40   {background-color: rgba(0, 0, 255, 0.4);} 
      .bg_rosso_t40 {background-color: rgba(255, 0, 0, 0.4);} 
      .bg_arancio_t40  {background-color: rgba(255, 128, 0, 0.4);} 
      .bg_viola_t40 {background-color: rgba(128, 128, 255, 0.4);} 
     </style> 
    </head> 
    <body> 
     <input type="text"> 
     <table> 
     <tr><td>01. js encode:</td><td id="encoded" class="bg_viola_t40"></td></tr> 
     <tr><td>02. js decode:</td><td id="decoded"></td></tr> 
     <tr><td>03. php encode:</td><td id="encodedphp" class="bg_viola_t40"></td></tr> 
     <tr><td>04. atob encode:</td><td id="atob" class="bg_viola_t40"></td></tr> 
     <tr><td>05. btoa decode:</td><td id="btoa"></td></tr> 
     </table> 
    </body> 
</html> 
HTML; 
?> 
<?php 
    foreach ($_POST as $key => $value) {  
     $$key = $value; 
    }; 
    $s = $h; 
    if (isset($toencode64)) {$s = base64_encode(urldecode($toencode64)).' '.urldecode($toencode64);}; 
    if (isset($todecode64)) {$s = base64_decode(strtr($todecode64, '-_', '+/'));}; 
    echo $s; 
?>

Quelle

2016-03-23 Albo

Was ist der Sinn der Codierung des Inhalts und Decodierung in Javascript? –

Ich sende an jquery Routine jeden Schlüssel-up den Inhalt des Eingabefeldes den Code $ ("Eingabe") .keyup (function() { // javascript var sj = $ (this) .val(); var codiert = Base64.encode (sj); $ ("#encoded") .text (codiert); var decodiert = Base64.decode (codiert); $ ("#decoded") .text (dekodiert); Ergebnis anzeigen aber wenn ich versuche, in php mit base64_encode oder bencode zu codieren, habe ich problem mit '+' oder '&' char – Albo

Kann nicht rechtfertigen.Was ist der Unterschied zwischen Senden im Klartext vs Senden in Base64-codierte Zeichenfolge? –

Ja ... Ich weiß nicht, wo Sie diese PHP-Funktionen gefunden, aber gut Himmel sind sie schrecklich.

Ich bin sicher, dass alles, was Sie brauchen URL-sichere Base64-Codierung ist, die mit erreicht werden können:

function base64url_encode($bin) { 
    return str_replace(['+', '/', '='], ['-', '_', ''], base64_encode($bin)); 
} 

function base64url_decode($str) { 
    return base64_decode(str_replace(['-', '_'], ['+', '/'], $str)); 
}

Oder alternativ eine POST verwenden oder mit Ihren Daten im Körper PUT-Anforderung.

Quelle

2016-03-23 17:50:36 Sammitch

Base64 kodieren String mit Zeichen plus oder kaufmännischen Und zwischen PHP und JavaScript

Antwort

Verwandte Themen