Atrybut download w HTML5

Krzysiek Furtak HTML 0 Comments

Wraz z nadejściem HTML5 nastąpiła mała rewolucja w podejściu do stron internetowych. Zawdzięczamy to tym wszystkim „zabawkom”, które dostaliśmy do rąk.

Oprócz tych dużych, które w połączeniu z JavaScript’em dają nam masę możliwości, dostaliśmy także mniejsze. I o jednej z takich mniejszych rzeczy chcę dziś napisać.

Mówi się, że „mała rzecz, a cieszy”. To powiedzonko pasuje idealnie do nowego atrybutu download, który pojawił się wraz z HTML5.

OK do rzeczy. Wyobraźmy sobie taką sytuację. Mamy spory serwis, aplikację, gdzie przechowujemy dużo plików. Pliki mogą ściągać nasi klienci. Skoro tak na stronie zamieszczamy coś w tym stylu:

<a href="/files/ojmnsdbyghjhdc767hdcn.pdf">Pobierz raport</a>

Klient/użytkownik, który kliknie ten link zacznie ściągać plik, który będzie się nazywał:

ojmnsdbyghjhdc767hdcn.pdf

… trochę lipa :/ Na szczęście możemy dodać do linku atrybut download, który będzie zawierał nazwę pliku, jaka nam się tylko zamarzy:

<a href="/files/ojmnsdbyghjhdc767hdcn.pdf" download="raport_12032015.pdf">Pobierz raport</a>

Teraz przeglądarka przy próbie pobrania podmieni nam brzydką nazwę pliku na tą, którą określiliśmy w atrybucie download. Sooooo nice 😀