• Strona główna
  • Curriculum Vitae
  • O mnie
  • Przykład: Gramatyka w PHP
  • Przykład: Kompresja CSS
  • Przykład: Kompresja JavaScript
  • Przykład: Skracanie linków
  • Przykład: Wykrywanie serwera HTTP
  • Przykład: Własna bramka SMS
  • Mapa strony
  • Kontakt
Niebieski Pomarańczowy Zielony Różowy Fioletowy

HTML5: Atrybut download

Opublikowane 5 sierpnia 2011. Autor: Kamil Brenk. Wizyt: 3 400.

Kategorie: HTML5 & CSS3
Tematyka: HTML5, JavaScript, programowane ciekawostki, Protokół HTTP

sie 05

W specyfikacji HTML5 pojawiła się całkiem interesująca nowość (Downloading resources), jaką jest nowy atrybut dla odsyłaczy (elementów a, area). Mowa tutaj o atrybucie download, dzięki któremu możemy „przekazać” przeglądarce, że dany link nie będzie tradycyjnie otwierany w oknie, lecz pobierany / zapisywany na dysku.

Niniejszy ficzer ułatwia po raz kolejny życie, tym razem programistom serwerowym, bowiem nie muszą używać nagłówków HTTP do wskazywania plików do zapisu na dysku.

Dotychczas, aby „nakazać” przeglądarce zapis wybranego pliku/strony musieliśmy uciekać do rozwiązać serwerowych, w których to modyfikowaliśmy nagłówek HTTP:

1
Content-Disposition: attachment; filename=mojagrafika.jpg

Niby nie jest to trudne zadanie, jednak znacznie prościej stworzyć link na wzór poniższego:

1
<a href="mojagrafika.jpg" download="Moja grafika">Moja grafika</a>

Szybki przykład: HTML5 Logo (działa tylko w Chrome 14.0.835.15+).

Praktyczne zastosowanie

Atrybut download jest obecnie obsługiwany tylko przez jedną przeglądarkę – Chrome 14.0.835.15+. Wkrótce i inne nowoczesne przeglądarki zapewne zaimplementują obsługę tego atrybutu, lecz póki ciekawostka ta jest zwykłą… ciekawostką, nic więcej :-)

Zanim atrybut download zostanie wsparty przez wszystkie liczące się na rynku przeglądarki minie jeszcze sporo czasu. Niemniej jednak już wkrótce znajdzie zastosowanie w nowoczesnych aplikacjach, w których wykorzystujemy operacje na systemie plików z poziomu JavaScript (Blob czy filesystem:toURL).

Po więcej informacji na temat Downloading resources odsyłam do specyfikacji HTML5.

Komentarze (3)

  1. radex 29 sierpnia 2011

    ficzer, nie fjuczer ;)

    http://en.wiktionary.org/wiki/feature
    http://en.wiktionary.org/wiki/future

  2. Kamil Brenk 26 września 2011

    @radex: „miało być fajnie, wyszło jak zawsze” :D dziękuję, poprawiłem błąd.

  3. Linkdump #60: HaTeeMeL5. « Tomasz Kowalczyk 28 września 2011

    […] HTML5: Atrybut download. Artykuł o atrybucie download w HTML5. […]



Kamil Brenk Blog

PHP, JavaScript, SQL, HTML

  • Informacje o blogu

    Kamil Brenk

    Blog o tworzeniu aplikacji na potrzeby sieci Web.

    Praktyczne przykłady, porady i sztuczki. PHP, SQL, AJAX, JavaScript, HTML i pochodne.

    Kanał RSS

    • Najnowsze
    • Komentarze
    • Popularne
    • Liczniki w CSS
    • Wyprzedaż książek o programowaniu!
    • Niestandardowy placeholder
    • JavaScript w modułach
    • Co dalej z blogiem?
    • Interaktywna mapa w HTML i CSS
    • Olsztyn: Jak wyseparować zawartość zassaną przez file_get_content?
    • ERMLAB: Od czegoś trzeba zacząć :) Wiele osób właśnie stawia na...
    • david: co nalezy wkleić na stronę aby plik ze stylami był ladowany...
    • krynicz: Nie jestem pewien czy dobrze to rozumiem: wpisujemy OG w...
    • yaro: Jak zmienić re_write znak "_" na "-"?
    • Piotr: stworzyłem prostą stronkę w PHP, czy jest możliwość aby...
    • MichalR: Super sprawa... bardzo przydatne.. dzieki i pozdrawiam..
    • Niestandardowe czcionki na stronie
    • Sposoby wczytywania JavaScript
    • Gramatyka w PHP, część 1
    • Umowa i zaliczka dla freelancera
    • Wysyłanie wiadomości SMS w PHP
    • Projekt aplikacji po stronie klienta
    • Własny mechanizm Feed
  • Szukajka
    Wpisz co chcesz wyszukać na stronie…
  • Kategorie
    • Apache
    • Freelancer
    • Front-end Development
    • HTML5 & CSS3
    • Inne
    • JavaScript
    • Książki
    • PHP
    • Po godzinach
    • Pozycjonowanie
    • Protokół HTTP
    • SQL
    • Wyrażenia regularne
  • Moje serwisy
    • Testy zawodowe
    • Miłość, uczucia i seks
  • Czytane blogi
    • Wojciech Sznapka
    • Wojciech Soczyński
    • Michał Wachowski
    • Tomasz Kowalczyk
    • Filip Górczyński
  • Strona główna
  • Curriculum Vitae
  • O mnie
  • Przykład: Gramatyka w PHP
  • Przykład: Kompresja CSS
  • Przykład: Kompresja JavaScript
  • Przykład: Skracanie linków
  • Przykład: Wykrywanie serwera HTTP
  • Przykład: Własna bramka SMS
  • Mapa strony
  • Kontakt

Kamil Brenk © 2010. All rights reserved.

Designed by FTL Wordpress Themes brought to you by Smashing Magazine.

Do góry ∧