Décompresser gzip et zlib chaîne de caractères en javascript

Je veux obtenir de compresser les données de la couche de fichier tmx . Qui sait bibliothèques pour décompresser gzip et zlib chaîne de caractères en javascript ? J'essaie zlib mais il ne fonctionne pas pour moi . Ex , la couche de données dans le fichier tmx est :

  <data encoding="base64" compression="zlib">
       eJztwTEBAAAAwqD1T20JT6AAAHgaCWAAAQ==
  </data>

Mon code javascript est

var base64Data = "eJztwTEBAAAAwqD1T20JT6AAAHgaCWAAAQ==";
var compressData = atob(base64Data);
var inflate = new Zlib.Inflate(compressData);
var output = inflate.decompress();

Il fonctionne avec affiche le message d'erreur "unsupported méthode de compression" . Mais j'essaie de décompresser avec un outil en ligne comme http://i-tools.org/gzip , elle renvoie la chaîne correcte.

Merci pour la question (même si l'encodage des données compressées en base64 semble un peu pervers dans ce base64 est un négatif-format de compression; je peux voir les applications...)

OriginalL'auteur Toan Nguyen | 2013-01-31

  1. 23

    Pako est un complet et moderne Zlib port.

    Voici un exemple très simple et vous pouvez travailler à partir de là.

    Obtenir pako.js et vous pouvez décompresser byteArray comme suit:

    <html>
<head>
  <title>Gunzipping binary gzipped string</title>
  <script type="text/javascript" src="pako.js"></script>
  <script type="text/javascript">

    //Get datastream as Array, for example:
    var charData    = [31,139,8,0,0,0,0,0,0,3,5,193,219,13,0,16,16,4,192,86,214,151,102,52,33,110,35,66,108,226,60,218,55,147,164,238,24,173,19,143,241,18,85,27,58,203,57,46,29,25,198,34,163,193,247,106,179,134,15,50,167,173,148,48,0,0,0];

    //Turn number array into byte-array
    var binData     = new Uint8Array(charData);

    //Pako magic
    var data        = pako.inflate(binData);

    //Convert gunzipped byteArray back to ascii string:
    var strData     = String.fromCharCode.apply(null, new Uint16Array(data));

    //Output to console
    console.log(strData);

  </script>
</head>
<body>
    Open up the developer console.
</body>
</html>

    Exemple: http://jsfiddle.net/9yH7M/

    Sinon, vous pouvez encoder en base64 le tableau avant de l'envoyer sur le Tableau prend beaucoup de surcharge lors de l'envoi de JSON ou XML. Décoder de la même manière:

    //Get some base64 encoded binary data from the server. Imagine we got this:
var b64Data     = 'H4sIAAAAAAAAAwXB2w0AEBAEwFbWl2Y0IW4jQmziPNo3k6TuGK0Tj/ESVRs6yzkuHRnGIqPB92qzhg8yp62UMAAAAA==';

//Decode base64 (convert ascii to binary)
var strData     = atob(b64Data);

//Convert binary string to character-number array
var charData    = strData.split('').map(function(x){return x.charCodeAt(0);});

//Turn number array into byte-array
var binData     = new Uint8Array(charData);

//Pako magic
var data        = pako.inflate(binData);

//Convert gunzipped byteArray back to ascii string:
var strData     = String.fromCharCode.apply(null, new Uint16Array(data));

//Output to console
console.log(strData);

    Exemple: http://jsfiddle.net/9yH7M/1/

    Pour aller plus avancé, voici la enseigne documentation de l'API.

    L'exemple de code html, probablement ne fonctionnera pas comme il est, parce que pako n'est pas défini. L'API a changé, peut-être, il utilise require maintenant.
    Remarque: String.fromCharCode.apply(null, new Uint16Array(data)) ne parvient pas pour longtemps d'entrée (Maximum de la pile des appels taille dépassait, JavaScript) qui devrait fonctionner pour plus de tableaux: stackoverflow.com/a/20604561/774398
    J'utilise onicos.com/staff/iz/amuse/javascript/expert/utf.txt
    merci pour l'astuce @for3st
    Pendant de longues chaînes, utilisez var string = new TextDecoder("utf-8").decode(data) comme indiqué ici: stackoverflow.com/questions/8936984/...

    OriginalL'auteur Redsandro

  2. 9

    Je peux résoudre mon problème en zlib . J'ai corrigé mon code comme ci-dessous

    var base64Data = "eJztwTEBAAAAwqD1T20JT6AAAHgaCWAAAQ==";
var compressData = atob(base64Data);
var compressData = compressData.split('').map(function(e) {
    return e.charCodeAt(0);
});
var inflate = new Zlib.Inflate(compressData);
var output = inflate.decompress();
    Qu'est-ce que atob(base64Data) fonction...???
    il est à la fenêtre.atob developer.mozilla.org/en-US/docs/Web/API/Window.atob

    OriginalL'auteur Toan Nguyen

  3. 3

    Pour toute personne utilisant Ruby on Rails, qui veut envoyer compressé des données codées pour le navigateur, puis décompressez-le via Javascript sur le navigateur, j'ai combiné les deux d'excellentes réponses ci-dessus dans la solution suivante. Voici le serveur Rails de code dans mon contrôleur d'application qui compresse et code pour une chaîne de caractères avant de les envoyer au navigateur via un @variable à un .html.erb fichier:

    require 'zlib'
require 'base64'

    def compressor (some_string)
        Base64.encode64(Zlib::Deflate.deflate(some_string))
    end

    Voici la fonction Javascript, qui utilise pako.min.js:

    function uncompress(input_field){
    base64data = document.getElementById(input_field).innerText;
    compressData = atob(base64data);
    compressData = compressData.split('').map(function(e) {
        return e.charCodeAt(0);
    });
    binData = new Uint8Array(compressData);
    data = pako.inflate(binData);
    return String.fromCharCode.apply(null, new Uint16Array(data));
}

    Voici un appel javascript pour que les décompresser de la fonction, ce qui veut unencode et décompresser des données stockées à l'intérieur d'un cachée du champ HTML:

    my_answer = uncompress('my_hidden_field');

    Voici l'entrée dans les Rails application.js fichier pour appeler pako.min.js, qui est dans le /vendor/assets/scripts javascript répertoire:

    //= require pako.min

    Et j'ai eu le pako.min.js fichier à partir d'ici:

    https://github.com/nodeca/pako/tree/master/dist

    Tous les travaux sur ma fin, de toute façon! 🙂

    OriginalL'auteur Andy Duncan