Přejít k navigační liště

Zdroják » Zprávičky » Jak vytvořit ZIP v prohlížeči

Jak vytvořit ZIP v prohlížeči

Zprávičky JavaScript

Pro práci se ZIP soubory v JavaScriptu můžete použit knihovnu JSZip, proces vytvoření souboru ZIP je pak celkem jednoduchý:

async function GenerateZipDownload() {
    const imageDownload = "https://unsplash.com/photos/two-people-in-scuba-gear-swimming-in-the-ocean-SuGTwrtPCg4";
    const file = await fetch(imageDownload).then(r => r.blob());

    const zip = new JSZip();
    zip.file(`filename.jpg`, file); // adds the image file to the zip file

    const zipData = await zip.generateAsync({
        type: "blob",
        streamFiles: true
    })
    const link = document.createElement('a');
    link.href = window.URL.createObjectURL(zipData);
    link.download = `scuba-gear-swimming-data.zip`
    link.click();
}

Detailní rozbor kódu najdete v článku Generating ZIP Files With Javascript.

Komentáře

Odebírat
Upozornit na
guest
0 Komentářů
Nejstarší
Nejnovější Most Voted
Inline Feedbacks
Zobrazit všechny komentáře

Strategie a AI jako klíč. Do Prahy přijely špičky technologického světa

WebExpo 2025 ukázalo, jak se tvoří budoucnost. Třídenní technologická konference WebExpo 2025 přivedla do Prahy světové i české experty, kteří nabídli inspiraci napříč obory. Hlavním tématem byla propojenost disciplín, význam AI a potřeba otevřenosti vůči novým výzvám – včetně podpory legální imigrace. Ukázalo se, že inovace vznikají nejen v Silicon Valley, ale i tam, kde se nebojíme myslet jinak.

Přístupnost není jen o splnění norem: nový pohled na inkluzivní design

Přístupnost a inkluze možná nepatří mezi nejžhavější témata digitálního světa – dokud o nich nezačne mluvit Vitaly Friedman. Na WebExpo 2024 předvedl, že inkluzivní design není jen o splněných checkboxech, ale hlavně o lidech. S energií sobě vlastní obrátil zažité přístupy naruby a ukázal, že skutečně přístupný web je nejen možný, ale i nezbytný.

Efektivnější vývoj UI nebo API: Co si odnést z WebExpo 2025?

Různé
Komentáře: 0
Jak snadno implementovat moderní uživatelské rozhraní? Které funkce brzdí rychlost vašeho webu? A kdy raději sami přibrzdit, abychom využitím AI nepřekročili etické principy? Debatu aktuálních dev témat rozdmýchá sedmnáctý ročník technologické konference WebExpo, která proběhne v Praze od 28. do 30. května. Který talk či workshop si rozhodně nenechat ujít? Toto je náš redakční výběr z vývojářských hroznů.