{"id":520,"date":"2011-02-23T07:06:28","date_gmt":"2011-02-23T06:06:28","guid":{"rendered":"https:\/\/d-mueller.de\/blog\/?p=520"},"modified":"2011-02-23T09:06:57","modified_gmt":"2011-02-23T08:06:57","slug":"zip-archive-entpacken-mit-javascript","status":"publish","type":"post","link":"https:\/\/d-mueller.de\/blog\/zip-archive-entpacken-mit-javascript\/","title":{"rendered":"Zip-Archive entpacken mit Javascript"},"content":{"rendered":"

Unzippen mit Javascript? Wer sollte sowas wollen? Egal! Es geht, reicht das als Begr\u00fcndung? Und das garnicht mal so schlecht. Wie \u00fcblich schmei\u00dfe ich gleich mit Code um mich:<\/p>\n

\r\n<script src="ZipFile.complete.js"><\/script>\r\n<script>\r\nvar zipFile = new ZipFile("zipfile.zip", readingDoneCallback);\r\n\r\nfunction readingDoneCallback(zip)\r\n{\r\n\tconsole.log("Zipfile reading finished! " + zip.entries.length + " files found in zip");\r\n\t\r\n\tfor (var i = 0; i < zip.entries.length; i++)\r\n\t{\r\n\t\tzip.entries[i].extract(extractCallback);\r\n\t}\r\n};\r\n\r\nfunction extractCallback(entry, entryContent) \r\n{\r\n\tvar filename = entry.name,\r\n\t\tcsize = entry.compressedSize,\r\n\t\tucsize = entry.uncompressedSize;\r\n\t\r\n\tconsole.log("File " + filename + " - comp.: " + csize + ", uncomp.: " + ucsize + "byte");\r\n\tconsole.log("File-Content: " + entryContent);\r\n}\r\n<\/script>\r\n<\/pre>\n
Simpler Aufbau, logische Implementierung. Alles was zu dieser Magie n\u00f6tig ist, ist eine 64KB gro\u00dfe Javascript-Datei, die auf Bin\u00e4rebene flei\u00dfig Bytes umhershiftet.<\/p>\n
\"js-unzipping\"<\/a>
js-unzipping<\/p><\/div>\n
Geht nur mit handels\u00fcblichen Zip-Dateien und auch nur entpacken ist m\u00f6glich. Die Originalquelle der Library ist diese<\/a>, eine Readme<\/a> zur Library gibts auch. Das Ganze ist vollkommen unabh\u00e4ngig von jQuery oder anderen JS-Libraries. \u00dcbrigens war der Initiator eine Frage auf Stackoverflow<\/a>, die der gute Herr Dino Chiesa zum Anreiz genommen hat, da „mal eben was zu schreiben“ ;).<\/p>\n
Zum Ausprobieren m\u00fcsst ihr das Ganze \u00fcber einen Webserver laufen lassen, da die Zip-Datei per XHR und GET (nix PHP) geladen wird. Wer es mal selbst ausprobieren will, schnappt sich am Besten die ZipFile.complete.js<\/i> von hier<\/a> und nimmt meinen Codeschnippsel von oben, knallt das auf nen Webserver und testet. Die Demo vom Autor selbst ist grauenvoll undurchsichtig.<\/p>\n
Auch wenn der Nutzen erstmal begrenzt zu sein scheint, kann man das mal im Hinterkopf behalten.<\/b><\/p>\n
[Update:<\/b> Bei einer Google Nachlese l\u00e4uft mir grad noch eine zweite Implementierung \u00fcber den Weg, die sogar Archive erstellen kann: JSZip<\/a>. Scheint auf den ersten Blick auch sehr brauchbar zu sein, vielleicht erg\u00e4nze ich den Post noch etwas]<\/p>\n","protected":false},"excerpt":{"rendered":"
Unzippen mit Javascript? Wer sollte sowas wollen? Egal! Es geht, reicht das als Begr\u00fcndung? Und das garnicht mal so schlecht. Wie \u00fcblich schmei\u00dfe ich gleich mit Code um mich: <script src="ZipFile.complete.js"><\/script> <script> var zipFile = new ZipFile("zipfile.zip", readingDoneCallback); function readingDoneCallback(zip) … Weiterlesen →<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[12,8,3],"tags":[],"class_list":["post-520","post","type-post","status-publish","format-standard","hentry","category-javascript","category-quicktips","category-webdev"],"_links":{"self":[{"href":"https:\/\/d-mueller.de\/blog\/wp-json\/wp\/v2\/posts\/520","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/d-mueller.de\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/d-mueller.de\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/d-mueller.de\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/d-mueller.de\/blog\/wp-json\/wp\/v2\/comments?post=520"}],"version-history":[{"count":0,"href":"https:\/\/d-mueller.de\/blog\/wp-json\/wp\/v2\/posts\/520\/revisions"}],"wp:attachment":[{"href":"https:\/\/d-mueller.de\/blog\/wp-json\/wp\/v2\/media?parent=520"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/d-mueller.de\/blog\/wp-json\/wp\/v2\/categories?post=520"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/d-mueller.de\/blog\/wp-json\/wp\/v2\/tags?post=520"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}