Pobieranie zasobów w HTML5 – a[download]

Chrome obsługuje teraz nowy atrybut download specyfikacji HTML do elementów a. Gdy ten atrybut jest używany, oznacza, że zasób, do którego prowadzi, powinien zostać pobrany przez przeglądarkę, a nie przez przejście do niego.

W sekcji Pobieranie zasobów:

Na przykład kliknięcie poniższego linku spowoduje pobranie pliku .png jako „MojeLogoGoogle.png” zamiast otwierać wartość href: pobierz. Znaczniki te są następujące:

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

Rzeczywista zaleta korzystania z a[download] przydaje się podczas pracy z adresami URL w polu blob: URLs oraz system file: URLs. Umożliwi to użytkownikom pobieranie treści utworzonych lub zmodyfikowanych w Twojej aplikacji.

Pełna demonstracja

Warto zwrócić uwagę, że w powyższym przykładzie obraz ma to samo pochodzenie w odniesieniu do witryny. Jeśli spróbujesz użyć linku do obrazu 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 zasady pobierania plików z innych domen. Na przykład wersje Chrome starsze niż 65 zezwalały na pobieranie plików z innych domen, a w późniejszych wersjach przeglądarka została 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 aktualnej wersji deweloperskiej Chrome (14.0.835.15 i nowszych).