Problemi nell'uso di JSZip

**fermat** · 26-04-2017, 15:35

ciao!

girovagando ho trovato questa libreria che permette di manipolare anche in file zip: http://stuk.github.io/jszip/documentation/examples.html

da quanto ho capito, non è necessario usare node.js, ma basta una pagina web e un browser abbastanza moderno.
allora ho scaricato il tutto, e creato questa pagina:

codice:

<!DOCTYPE html>
<html>
    <head>
        <title>JSZip</title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <script src="dist/jszip.min.js"></script>
        <script>
            var zip = new JSZip();
            window.onload = function () {
                zip.folder('test').file("hello.txt", "Hello World\n");
            }
        </script>
    </head>
    <body>
        <div>TODO write content</div>
    </body>
</html>

ma se la apro nel browser, non succede nulla.
neanche un errore in console.
a questo punto non ho capito che dovrebbe fare questo codice.
secondo voi??

**fermat** · 26-04-2017, 15:41

ok, ho capito.
quel codice crea una rappresentazione di un file reale in memoria.
quindi la si ferma.
poi c'è il codice per eseguire il download.
ad esempio, senza usare altre librerie come in altri esempi:

codice:

<!DOCTYPE html>
<html>
    <head>
        <title>JSZip</title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <script src="dist/jszip.min.js"></script>
        <script>
            var zip = new JSZip();
            window.onload = function () {
                zip.folder('test').file("hello.txt", "Hello World\n");
                zip.folder('test').file("hello.txt").async("string").then(function (data) {
                    zip.generateAsync({type: "base64"}).then(function (base64) {
                        location.href = "data:application/zip;base64," + base64;
                    });
                });
            }
        </script>
    </head>
    <body>
        <div>TODO write content</div>
    </body>
</html>

questo ha funzionato.

Discussione: Problemi nell'uso di JSZip

Strumenti discussione

Ricerca discussione

Visualizza

Problemi nell'uso di JSZip

Permessi di invio