Jak utworzyć łącze pobierania

Spisu treści:

Jak utworzyć łącze pobierania
Jak utworzyć łącze pobierania
Anonim

To ciekawe, jak niektóre rzeczy zataczają krąg. Na początku istnienia sieci przeglądarki automatycznie pobierały łącza do plików, które nie były stroną internetową, takich jak obrazy, pliki PDF i dokumenty. Następnie przeglądarki stały się tak zaawansowane, że były w stanie otworzyć prawie każdy plik w czasie rzeczywistym. To jednak stworzyło problem dla programistów. Jak zmusić przeglądarkę do pobrania pliku zamiast otwierania go? Pojawiło się kilka hacków i obejść, aby rozwiązać problem, ale żadne nie było prawdziwym rozwiązaniem. Wszystko zmieniło się wraz z HTML5, gdy wprowadzono Download Attribute.

Teraz programiści mogą dodać specjalny atrybut pobierania do swoich znaczników kotwicy HTML, aby poinformować przeglądarki, aby traktowały łącze jako pobranie, zamiast otwierać plik docelowy. Istnieje kilka różnych sposobów wykorzystania atrybutu pobierania do kontrolowania sposobu, w jaki przeglądarki obsługują łącza pobierania. Co więcej, wszystkie nowoczesne przeglądarki obsługują atrybut pobierania, więc nie powinieneś widzieć żadnych problemów z kompatybilnością ani potrzeby korzystania z funkcji awaryjnych.

Image
Image

Istnieje kilka różnych sposobów obsługi atrybutu pobierania. Każda z nich ma swoją zaletę i wszystkie działają płynnie w różnych przeglądarkach.

Atrybut zwykłego pobierania

Najprostszym sposobem użycia atrybutu pobierania jest umieszczenie go w najbardziej podstawowej formie w tagach kotwicy. Nie musisz podawać dodatkowej nazwy pliku ani żadnych informacji pomocniczych. Wynik wygląda tak:

Pobierz teraz!

Image
Image

Włączając „pobierz”, mówisz dowolnej przeglądarce czytającej stronę, aby pobrała docelowy link zamiast go otwierać. W takim przypadku przeglądarka pobierze plik dokładnie tak, jak ma tę samą nazwę.

Image
Image

Zmiana nazwy pliku

Co się stanie, jeśli rzeczywiście chcesz zmienić nazwę. Jest wiele okazji, w których chciałbyś to zrobić. Dobrym przykładem są automatycznie generowane nazwy plików. Zwykle mają absurdalnie długie nazwy z ciągami śmieciowych znaków. To nie jest doświadczenie, którego oczekujesz od swoich gości. Możesz ujednolicić rzeczy za pomocą atrybutu pobierania.

Aby określić nazwę pliku, ustaw równy jej atrybut pobierania. Wyklucz rozszerzenie pliku. Przeglądarka nie może i nie będzie konwertować typu pliku, więc nie ma sensu próbować.

Pobierz teraz!

Twoi goście pobiorą plik jako twój-plik.pdf.

Pobieranie obrazu

Wraz z tym jest uproszczony sposób, aby użytkownicy mogli bezpośrednio pobierać obrazy. Nie jest to rewolucyjne i prawdopodobnie możesz sam to poskładać, ale możesz użyć atrybutu pobierania, aby utworzyć link do zdjęcia do pobrania.

Image
Image

Zacznij od skonfigurowania obrazu tak, jak zwykle na swojej stronie. Oczywiście będzie to obraz dostępny do pobrania.

Następnie zamknij całość w znaczniku kotwicy, łączącym się ze ścieżką obrazu.

Na koniec dodaj atrybut pobierania do tagu kotwicy. Jeśli chcesz, możesz zmienić nazwę swojego obrazu.


Image
Image

Teraz, gdy odwiedzający kliknie obraz, automatycznie pobierze go bezpośrednio z Twojego serwera. Nie jest to konieczne i może wydawać się to przesadą dla programisty, ale ilu odwiedzających witrynę pomyśli, że kliknie prawym przyciskiem myszy obraz, aby go wyświetlić lub pobrać?

Zalecana: