HTML5 přichází se všemi novými rozhraními API, novými typy vstupů a atributy pro formuláře. Jak se často stává, tyto hlavní dodatky často zakrývají drobné upgrady a myslím, že to platí zejména pro atribut stahování.
Jak víte, existují některé soubory, které prohlížeč automaticky nehrozí; obrázky, jiné webové stránky a v závislosti na nastavení prohlížeče, někdy dokonce i na soubory PDF. Atribut stahování poskytuje prohlížeču přirozený způsob automatického stahování těchto souborů, aniž by musel spouštět JavaScript. To je opravdu užitečné pro každou aplikaci, která se zabývá stahováním obrázků, jako jsou stránky pro nahrávání obrázků.
Vzhledem k tomu, že atribut download nepoužívá skripty jakéhokoli druhu, je to stejně jednoduché jako přidání atributu k vašemu odkazu:
var a = document.createElement('a');if(typeof a.download != "undefined"){// download attribute is supported}else{// download attribute is not supported}Vezmeme-li v úvahu všechno, co bylo přidáno do HTML5, atribut stahování je velmi malá, ale podle mého názoru je to dlouhý atribut a rozhodně má jeho využití v dnešních aplikacích jak pro použitelnost, tak pro zjednodušení.
Zavedli jste atribut stahování? Jaké jsou vaše nevyspělé hrdinové HTML5? Dejte nám vědět v komentářích.
Doporučený snímek / náhled, stáhnout obrázek přes Shutterstock.
![]( myFolder / myImage.png "stáhnout> Stáhnout obrázek </a></pre></div><p> V tomto atributu je skvělé, že můžete dokonce nastavit název souboru ke stažení, i když to není jméno na vašem serveru. To je skvělé pro weby s komplexními názvy souborů nebo dokonce dynamicky vytvořenými obrázky, které chtějí poskytnout jednoduché a uživatelsky přívětivé jméno souboru. Chcete-li zadat jméno, stačí přidat rovnocenné znaménko a následně název, který chcete použít, obklopený v uvozovkách, například: </p><div class=pre-wrap><pre><code class=){kind=link}
![var a = document.createElement('a');if(typeof a.download != "undefined"){// download attribute is supported}else{// download attribute is not supported}]( myFolder / reallyUnnecessarilyLongAndComplicatedFileName.png "stáhnout =" myImage "> Stáhnout obrázek</a></pre></div><p> Všimněte si, že prohlížeč automaticky přidá do staženého souboru správnou příponu souborů, takže nemusíte obsahovat uvnitř hodnoty atributu. </p><p class=clearrow></p><h2> Podpora prohlížeče </h2><p> V současné době podporují atribut stahování pouze prohlížeče Chrome 14+ a Firefox 20+, takže se může stát, že budete potřebovat nějaký jednoduchý JavaScript, abyste zjistili, zda je tento atribut podporován. Můžete tak učinit takto: </p><div class=pre-wrap><pre><code class=){kind=link}