Pobieranie zasobów w HTML5 – a[download]

Chrome obsługuje teraz nowy atrybut download w specyfikacji HTML w elementach a. Gdy ten atrybut jest używany, oznacza, że zasób, do którego wskazuje, powinien zostać pobrany przez przeglądarkę, a nie, że trzeba go otworzyć.

W sekcji Pobieranie zasobów:

Na przykład kliknięcie poniższego linku spowoduje pobranie pliku .png jako „MyGoogleLogo.png”, zamiast przejścia do jego wartości href: pobierz mnie. Znaczniki są następujące:

<a href="http://web-central.appspot.com/.../web-fundamentals-icon192x192.png" download="WebfundamentalsLogo">download me</a>

Prawdziwą zaletą a[download] jest współpraca z adresami URL w blobach: i systemie plików: adresach URL. Dzięki temu użytkownicy będą mogli pobierać treści utworzone/zmodyfikowane w Twojej aplikacji.

Pełna wersja demonstracyjna

Warto zwrócić uwagę, że w powyższym przykładzie obraz ma takie samo pochodzenie w odniesieniu do strony internetowej. Jeśli spróbujesz użyć linku do zdjęcia z innego źródła, może on nie działać jako link nawigacyjny, a nie link pobierania. Dzieje się tak, ponieważ wiele wersji przeglądarek nie obsługuje zasad pobierania plików z innych domen. Na przykład wersje Chrome starsze niż 65 umożliwiały pobieranie plików z innych domen i w późniejszych wersjach została ona wycofana. Więcej informacji znajdziesz tutaj. Aby wymusić pobieranie z innego źródła, możesz użyć nagłówka Content-Disposition.

Obsługa przeglądarek: ten atrybut jest obsługiwany tylko w bieżącej wersji deweloperskiej Chrome (14.0.835.15 lub nowszej).