Entschlüsseln von Bildern mittels JavaScript im browser

Verschlüsselt und Base64-Kodierung der Bild-roh-Daten, wenn es gespeichert wird. (Sie können nur tun, die auf einem web-browser, der die HTML5 File API, es sei denn, Sie verwenden ein Java-applet). Wenn das Bild heruntergeladen ist, unencode es, zu entschlüsseln, und erstellen Sie eine data-URI für den browser zu verwenden (oder verwende ein Java-applet, um das Bild anzuzeigen).

Kann man allerdings nicht, entfernen Sie die Notwendigkeit für die Nutzer Vertrauen in den server, da der server senden kann, was JavaScript-code, der es will, an den client senden können Sie eine Kopie des Bildes an, wenn jemand es entschlüsselt wird. Dies ist ein Anliegen, einige haben mit einer verschlüsselten e-mail-Dienst Hushmail–, dass die Regierung zwingen könnte, die Firma zu liefern, die ein schädliches Java-applet. Dies ist nicht eine Unmögliche Szenario; Telekommunikationsunternehmen Etisalat versucht abzufangen, die BlackBerry-Kommunikation durch die Installation von spyware auf dem Gerät aus (http://news.bbc.co.uk/2/hi/technology/8161190.stm).

Wenn Ihre web site ist eine von der öffentlichkeit verwendet werden, haben Sie keine Kontrolle über Ihre Benutzer, software-Konfigurationen, so dass Ihre Computer könnte sogar bereits mit spyware infiziert.

Wollte ich etwas ähnliches machen: Auf dem server wird eine verschlüsselte gif und ich will herunterladen, entschlüsseln und anzeigen in javascript. Ich war in der Lage, um es arbeiten und die Datei auf dem server gespeichert ist, die gleiche Größe wie das original plus ein paar bytes (vielleicht bis zu 32 Byte). Dies ist der code, der führt-AES-Verschlüsselung der Datei calendar.gif und macht calendar.gif.enc, geschrieben in VB.Net.

Private Sub Button1_Click(sender As Object, e As EventArgs) Handles Button1.Click
        Dim AES As New System.Security.Cryptography.RijndaelManaged
        Dim encryption_key As String = "603deb1015ca71be2b73aef0857d77811f352c073b6108d72d9810a30914dff4"
        AES.Key = HexStringToBytes(encryption_key)
        Dim iv_string As String = "000102030405060708090A0B0C0D0E0F"
        'System.IO.File.ReadAllBytes("calendar.gif")
        'Dim test_string As String = "6bc1bee22e409f96e93d7e117393172a"
        AES.Mode = Security.Cryptography.CipherMode.CBC
        AES.IV = HexStringToBytes(iv_string)
        Dim Encrypter As System.Security.Cryptography.ICryptoTransform = AES.CreateEncryptor
        Dim b() As Byte = System.IO.File.ReadAllBytes("calendar.gif")
        System.IO.File.WriteAllBytes("calendar.gif.enc", (Encrypter.TransformFinalBlock(System.IO.File.ReadAllBytes("calendar.gif"), 0, b.Length)))
    End Sub

Dies ist der javascript-code, downloads calendar.gif.enc Binär entschlüsselt, und macht ein Bild:

    function wordArrayToBase64(wordArray) {
      var words = wordArray.words;
      var sigBytes = wordArray.sigBytes;

      //Convert
      var output = "";
      var chr = [];
      for(var i = 0; i < sigBytes; i++) {
        chr.push((words[i >>> 2] >>> (24 - (i % 4) * 8)) & 0xff);
        if(chr.length == 3) {
          var enc = [
            (chr[0] & 0xff) >> 2,
            ((chr[0] & 3) << 4) | ((chr[1] & 0xff) >> 4),
            ((chr[1] & 15) << 2) | ((chr[2] & 0xff) >> 6),
            chr[2] & 63
          ];
          for(var j = 0; j < 4; j++) {
            output += Base64._keyStr.charAt(enc[j]);
          }
          chr = [];
        }
      }
      if(chr.length == 1) {
        chr.push(0,0);
        var enc = [
          (chr[0] & 0xff) >> 2,
          ((chr[0] & 3) << 4) | ((chr[1] & 0xff) >> 4),
          ((chr[1] & 15) << 2) | ((chr[2] & 0xff) >> 6),
          chr[2] & 63
        ];
        enc[2] = enc[3] = 64;
        for(var j = 0; j < 4; j++) {
          output += Base64._keyStr.charAt(enc[j]);
        }
      } else if(chr.length == 2) {
        chr.push(0);
        var enc = [
          (chr[0] & 0xff) >> 2,
          ((chr[0] & 3) << 4) | ((chr[1] & 0xff) >> 4),
          ((chr[1] & 15) << 2) | ((chr[2] & 0xff) >> 6),
          chr[2] & 63
        ];
        enc[3] = 64;
        for(var j = 0; j < 4; j++) {
          output += Base64._keyStr.charAt(enc[j]);
        }
      }
    return(output);
  }
  var xhr = new XMLHttpRequest();
  xhr.overrideMimeType('image/gif; charset=x-user-defined');
  xhr.onreadystatechange = function() {
    if(xhr.readyState == 4) {
      var key = CryptoJS.enc.Hex.parse('603deb1015ca71be2b73aef0857d77811f352c073b6108d72d9810a30914dff4');
      var iv  = CryptoJS.enc.Hex.parse('000102030405060708090A0B0C0D0E0F');
      var aesEncryptor = CryptoJS.algo.AES.createDecryptor(key, { iv: iv });
      var words = [];
      for(var i=0; i < (xhr.response.length+3)/4; i++) {
        var newWord = (xhr.response.charCodeAt(i*4+0)&0xff) << 24;
        newWord += (xhr.response.charCodeAt(i*4+1)&0xff) << 16;
        newWord += (xhr.response.charCodeAt(i*4+2)&0xff) << 8;
        newWord += (xhr.response.charCodeAt(i*4+3)&0xff) << 0;
        words.push(newWord);
      }            
      var inputWordArray = CryptoJS.lib.WordArray.create(words, xhr.response.length);
      var ciphertext0 = aesEncryptor.process(inputWordArray);
      var ciphertext1 = aesEncryptor.finalize();

      $('body').append('<img src="data:image/gif;base64,' + wordArrayToBase64(ciphertext0.concat(ciphertext1)) + '">');
      $('body').append('<p>' + wordArrayToBase64(ciphertext0.concat(ciphertext1)) + '</p>');
    }
  };

Vorsichtsmaßnahmen:

• Habe ich eine Feste IV und festen Passwort. Sie sollten den code ändern, der zum generieren einer zufälligen IV während der Verschlüsselung und stellen Sie als das erste Byte der output-Datei. Javascript muss geändert werden, auch, um diese zu gewinnen bytes.
• Die Länge des Passworts, die behoben werden sollte: 256-bits AES-256. Wenn das Passwort ist nicht 256 bytes, eine Möglichkeit ist die Verwendung von AES-hashing-hash des Kennworts auf 256 bit Länge in der ver-und Entschlüsselung.
• Müssen Sie crypto-js.
• overrideMimeType funktioniert möglicherweise nicht auf älteren Browsern. Sie benötigen diese, so dass die binären Daten korrekt heruntergeladen.