Zip Datei erstellen

[Shibb]

Hallo.

Drei Links der Form

<a href="pfad/zur/datei1">download datei1</a>
<a href="pfad/zur/datei2">download datei2</a>
<a href="pfad/zur/datei3">download datei3</a>

sollen zu einem Archiv zusammengefasst werden, indem die Dateien gezippt werden und zum Download bereitgestellt werden. Ich habe dazu die Bibliothek JSZip gefunden. Blicke aber noch nicht durch wie ich bei einem onklick die Dateien packen lasse und in einem Anker bereitstelle.

 

[tsseh]

wäre es nicht einfacher, die dateien auf dem server zu zippen, außerdem wirst du keine datei auf dem client erstellt bekommen.

 

[j-l-n]

Für die Library brauchst du nodejs, wie hesst bereits sagte kannst du nicht einfach irgendwelche Dateien auf dem PC erstellen.
jszip • Create, read and edit .zip files with Javascript

PS:

bei einem onklick

Es gibt kein onklick-Event...

 

[tsseh]

Für die Library brauchst du nodejs

nicht unbedingt, man kann es nur nicht speichern

 

[xorg1990]

nicht unbedingt, man kann es nur nicht speichern

Doch steht alles da:
How to write a file / give it to the user
Beispiel:
Download the generated zip file

Damit wäre das speichern geklärt.

Die lokalen Dateien wirst du wohl mit XHR2 hochladen müssen und in einen Arraybuffer zwischenspeichern. Den Arraybuffer sollte man dann zippen können, aber wie kann ich der API auch nicht entnehmen.
Bei der Data URI sache bin ich nicht sicher ob das nicht schon veraltet ist.

Aber interessantes Thema, suche gerade auch nach Zippen in Browser, irgendwie muss das gehen.
MfG xorg1990

 

[tsseh]

Doch steht alles da:

aber nur über flash und das dürften die meisten deaktiviert haben, data-uri ist auch beschränkt

Damit wäre das speichern geklärt.

nein, dateien speichern geht nicht

Den Arraybuffer sollte man dann zippen können, aber wie kann ich der API auch nicht entnehmen.

file(name, data [,options])

Bei der Data URI sache bin ich nicht sicher ob das nicht schon veraltet ist.

ältere browser unterstützen sie nicht, aber wichtiger, die größe ist beschränkt, opera war da ganz knausrig - oder ein ie ... nicht ganz sicher

Aber interessantes Thema, suche gerade auch nach Zippen in Browser, irgendwie muss das gehen.

wo soll da der sinn sein? ich lade daten vom server und zippe sie dann auf dem client? falls die übertragung nicht sowieso schon gezipt wird, noch schlimmer

 

[dbarthel]

Eine Alternative wäre auch zip.js

http://gildas-lormeau.github.io/zip.js/

bietet die Option, das "erzeugte" Zip als Download herunterzuladen.

 

[tsseh]

ja, so könnte es tatsächlich gehen
als arraybuffer ausgeben
einen blob erzeugen
und als link anbieten

 

[xorg1990]

wo soll da der sinn sein? ich lade daten vom server und zippe sie dann auf dem client?

Also ich Programmire einen QRSS viewer und die Daten rendere ich in eine Canvas. Insgesamt sind das 6 oder mehr Bilder und da kann man schon mal darüber nachdenken alles als zip zu downloaden.
Was Shibb machen will k.a.

einen blob erzeugen und als link anbieten

Macht das nicht die FileSaver.js?

Steht zumindest hier so geschrieben:
With recent browsers, the easiest way is to use saveAs or a polyfill, see FileSaver.js :

 

[tsseh]

Also ich Programmire einen QRSS viewer und die Daten rendere ich in eine Canvas. Insgesamt sind das 6 oder mehr Bilder und da kann man schon mal darüber nachdenken alles als zip zu downloaden.

ok, dagegen spricht ja nichts

Macht das nicht die FileSaver.js?

scheint so

Steht zumindest hier so geschrieben:

so genau hatte ich mir das nicht angesehen, weil sie dort von der File Writer API sprechen.

With recent browsers, the easiest way is to use saveAs or a polyfill, see FileSaver.js :

genau deswegen habe ich nicht mehr weitergelesen, die File Writer API wurde abgeschafft

 

[Shibb]

ich habe mir das jsZip Archiv auf dem Desktop gespeichert und wollte folgendes mal testen:

 <script type="text/javascript" src="dist/jszip.js">

var zip = new JSZip();
zip.file("Hello.txt", "Hello World\n");
var img = zip.folder("images");
img.file("test/smile.gif", imgData, {base64: true});
var content = zip.generate({type:"blob"});
// see FileSaver.js
saveAs(content, "example.zip");

</script>

leider funktioniert es nicht. Man könnte saveAs auch zu

myLink.href = window.URL.createObjectURL(content);
myLink.download = "myFile.zip";"

ändern. Wenn ich die index teste, erscheint die Meldung

This browser doesn't support blobs

 

[tsseh]

var zip = new JSZip();
zip.file("hello.txt", "Hello[p my)6cxsw2q");
zip.folder("nested").file("hello.txt", "Hello World\n");
var buff = zip.generate({type : "arraybuffer"});
var blob = new Blob([buff], {type : 'application/octet-stream'});
$("#dl").append('<a href="' + URL.createObjectURL(blob) + '" download="test.zip">download</a>');

 

[Shibb]

Warum funktioniert es denn nicht mit

type: "blob"

 

[tsseh]

Warum funktioniert es denn nicht mit type: "blob"

keine ahnung, vielleicht geheh sie über den BlobBuilder aus der file writer api
so wie oben geht es also?

 

[Shibb]

Ja jetzt gehts. Danke.

<html>
 <head> 
 <script type="text/javascript" src="dist/jszip.js"></script> 
 <script type="text/javascript" src="dist/jquery-2.1.1.min.js"></script> 
 
 </head> 
 <body>
 <div id="dl">hallo</div> 
 </body> 
 <script type="text/javascript"> 
 var zip = new JSZip();
zip.file("hello.txt", "Hello[p my)6cxsw2q");
zip.folder("nested").file("hello.txt", "Hello World\n");
var buff = zip.generate({type : "arraybuffer"});
var blob = new Blob([buff], {type : 'application/octet-stream'});
$("#dl").append('<a href="' + URL.createObjectURL(blob) + '" download="test.zip">download</a>');
 
 </script> 
 </html>

 

[dbarthel]

Aber warum erstellst du das Zip mit den Dateien nicht gleich mit entsprechender Software auf dem PC und lädst due Zip dann auf den Server und bietest sie zum Download an?

ZipJs und JSZip machen ja nur Sinn, wenn Dateien Serverseitig, abhängig von Useraktion erstellt werden oder vorhandene Zips direkt im Browser entpackt werden sollen.

 

[j-l-n]

ZipJs und JSZip machen ja nur Sinn, wenn Dateien Serverseitig, abhängig von Useraktion erstellt werden

Also meiner Meinung nach nichtmal dann - ich würde das gleich serverseitig z.B. mit PHP machen...

 

[tsseh]

Ja jetzt gehts.

ich sehe keinen unterschied

 

[dbarthel]

Also meiner Meinung nach nichtmal dann - ich würde das gleich serverseitig z.B. mit PHP machen...

Kann PHP alleine große Zips erstellen?

 

[j-l-n]

Kann PHP alleine große Zips erstellen?

Ich denke mal, 4 Gigabyte sollten ausreichend sein: zip - Size limit on PHP's zipArchive class? - Stack Overflow
Kannst ja gerne mal versuchen, 4 GB mit JS als Arraybuffer/Blob zu einem ZIP-Archiv zu packen...