Comment les fichiers Zip à l'aide de JavaScript

Est-il un moyen de compresser des fichiers à l'aide de JavaScript?? Pour un exemple, comme dans Yahoo mail, lorsque vous avez choisi de télécharger toutes les pièces jointes d'un mail, il obtient zippée et de le télécharger dans un fichier zip unique. JavaScript est capable de faire ça? Si oui, veuillez fournir un exemple de codification.

J'ai trouvé cette bibliothèque appelée jszip à faire la tâche, mais il a connu et des questions non résolues.

Merci.

yahoo est-il sur le serveur.
double possible de stackoverflow.com/questions/2095697/...
J'ai vu que trop, mais ma question est pour les fichiers zip. De ne pas décompresser. Donc pensé à la poser comme un autre post 🙂
Vous pourriez être en mesure de créer un environnement windows javascript qui fait cela, mais vous ne pouvez pas le faire dans le navigateur.

OriginalL'auteur Isuru | 2011-12-22

  1. 3

    JSZip a été mis à jour au fil des ans. Maintenant, vous pouvez le trouver sur son dépôt GitHub

    Il peut être utilisé conjointement avec FileSaver.js

    Vous pouvez les installer à l'aide de mnp:

    npm install jszip --save
npm install file-saver --save

    Puis les importer et les utiliser:

    import JSZip from 'jszip';
import FileSaver from 'file-saver';

let zip = new JSZip();
zip.file("idlist.txt", `PMID:29651880\r\nPMID:29303721`);
zip.generateAsync({type: "blob"}).then(function(content) {
  FileSaver.saveAs(content, "download.zip");
});

    Alors vous allez télécharger un fichier zip appelé download.zip une fois que vous avez extrait, et vous pouvez le trouver à l'intérieur un fichier appelé idlist.txt qui a deux lignes:

    PMID:29651880
PMID:29303721

    Et, pour votre information, j'ai testé avec les navigateurs suivants, et tous passé:

    • Firefox 59.0.2 (Windows 10)
    • Chrome 65.0.3325.181 (Windows 10)
    • Microsoft Bord 41.16299.371.0 (Windows 10)
    • Internet Explorer 11.0.60 (Windows 10)
    • Opéra 52 (Mac OSX 10.13)
    • Safari 11 (Mac OSX 10.13)

    OriginalL'auteur Yuci

  2. 1

    Avec le nouveau fichier HTML5 Api et les tableaux typés, vous pouvez très bien faire tout ce que vous voulez en JavaScript. Cependant, la prise en charge du navigateur n'est pas d'être grand. Je suppose que c'est ce que vous entendez par "questions en suspens". Je recommande, pour le moment, de le faire sur le serveur. Par exemple, en PHP, vous pouvez utiliser cette extension.

    OriginalL'auteur Alex Turpin

  3. 0

    JavaScript est capable de le faire, mais pas dans un cross-browser de la mode que vous pouvez compter sur.

    Cela peut toutefois être fait facilement avec un langage côté serveur. Si vous avez utilisé pour PHP voici la documentation de PHP ZIP fonctions: http://php.net/manual/en/book.zip.php

    OriginalL'auteur Jasper

  4. 0

    Je vous conseille d'aller directement à l'aide de du Nœud bibliothèque intégrée Zlib pour ce, qui comprend des images; l'encodage en base 64 à l'aide de "tampons". Plutôt que d'utiliser mnp paquets. Des raisons d'être:

    • Zlib est un Nœud à la bibliothèque native - a été mis à jour depuis près de 10 ans maintenant - si les preuves là pour le long terme prend en charge
    • Nœud permet de travailler avec des Tampons - dire que vous pouvez convertir votre chaîne de texte/images pour les données binaires brutes et compresser de cette façon avec Zlib
    • Facilement compresser et décompresser des fichiers volumineux - l'effet de levier nœud flux de compresser les fichiers en mo ou go

    Le fait que vous utilisez jszip, me permettrait de deviner que vous êtes à l'aide de mnp ainsi que nœud, vous devez avoir configuré votre environnement correctement, c'est à dire nœud installé à l'échelle mondiale.

    Exemple: input.txt comprimé pour devenir input.txt.gz

    const zlib = require('zlib');
const fs = require('fs');
const gzip = zlib.createGzip();
const input = fs.createReadStream('input.txt');
const output = fs.createWriteStream('input.txt.gz');

input.pipe(gzip).pipe(output);

    Étape 1: de Sorte que vous require chacun des modules natifs de nœud - besoin est une partie de l'ES5. Zlib, comme mentionné précédemment, et fs module, le Système de Fichiers module.

    const zlib = require('zlib');
const fs = require('fs');

    Étape 2: La fs module, cela vous permet de créer un readstream, spécialement appelés à lire des blocs de données. Cela renvoie un readstream objet; lisible flux

    const input = fs.createReadStream(FILE PATH HERE);

    __Note: Ce readstream objet obtient alors les canalisations de nouveau; cette chaîne de tuyaux sur readsteam les objets peuvent se produire à l'infini, à faire des pipes très flexible.

    ReadStream.pipe(DoesSomething).pipe(SomethingElse).pipe(ConvertToWriteStream)

    Étape 3: La readstream objet, qui a été canalisée et comprimé est ensuite convertie en writestream objet.

    const output = fs.createWriteStream('input.txt.gz');

input.pipe(gzip).pipe(output); //returned filename input.txt.gz, within local directory

    Donc, cette bibliothèque vous permet d'entrer plus facilement un chemin d'accès au fichier et de décider où vous voulez que votre fichier compressé. Vous pouvez également choisir de faire l'inverse, en cas de besoin.

    Merci pour le partage. Cependant, je suppose que la question a cherché un navigateur côté de la solution plutôt que côté serveur. Aucune idée sur le côté navigateur? Merci.

    OriginalL'auteur A. Tran