W wersji HTML5 pojawiły się wszystkie nowe interfejsy API, nowe typy wejściowe i atrybuty formularzy. Jak to często bywa, te główne dodatki często zaciemniają drobne ulepszenia i myślę, że jest to szczególnie prawdziwe w przypadku atrybutu pobierania.
Jak wiadomo, istnieje kilka plików, których przeglądarka nie pobiera automatycznie; obrazy, inne strony internetowe i w zależności od ustawień w przeglądarce, czasami nawet pliki PDF. Atrybut pobierania zapewnia przeglądarkę w natywny sposób, aby pobrać te pliki automatycznie, bez konieczności odwoływania się do JavaScript. Jest to bardzo przydatne w przypadku każdej aplikacji, która zajmuje się pobieraniem obrazów, takich jak witryny do przesyłania obrazów.
Ponieważ atrybut pobierania nie używa żadnych skryptów, jest tak prosty, jak dodanie atrybutu do linku:
var a = document.createElement('a');if(typeof a.download != "undefined"){// download attribute is supported}else{// download attribute is not supported}Biorąc pod uwagę wszystko, co zostało dodane do HTML5, atrybut pobierania jest bardzo niewielką częścią, ale moim zdaniem jest to atrybut, który dawno już minął i zdecydowanie ma swoje zastosowania w dzisiejszych aplikacjach zarówno pod względem użyteczności, jak i uproszczenia.
Czy zaimplementowałeś atrybut pobierania? Jakie są twoje słabe strony bohaterów HTML5? Daj nam znać w komentarzach.
Wyróżniony obraz / miniatura, pobierz obraz przez Shutterstock.
![]( myFolder / myImage.png "pobierz> Pobierz obraz </a></pre></div><p> W tym atrybucie najlepsze jest to, że można nawet ustawić nazwę pliku do pobrania, nawet jeśli nie jest to nazwa na serwerze. Jest to świetne rozwiązanie w przypadku witryn ze złożonymi nazwami plików lub nawet dynamicznie tworzonych obrazów, które chcą zapewnić prostą i przyjazną dla użytkownika nazwę pliku. Aby podać nazwę, wystarczy dodać znak równości, a następnie nazwę, której chcesz używać w cudzysłowach, jak na przykład: </p><div class=pre-wrap><pre><code class=){kind=link}
![var a = document.createElement('a');if(typeof a.download != "undefined"){// download attribute is supported}else{// download attribute is not supported}]( myFolder / reallyUnnecessarilyLongAndComplicatedFileName.png "download =" myImage "> Pobierz obraz</a></pre></div><p> Zwróć uwagę, że przeglądarka automatycznie doda poprawne rozszerzenie pliku do pobranego pliku, więc nie musisz uwzględniać tego w wartości atrybutu. </p><p class=clearrow></p><h2> Obsługa przeglądarki </h2><p> Obecnie tylko Chrome 14+ i Firefox 20+ obsługują atrybut pobierania, więc może zajść potrzeba skorzystania z prostego JavaScriptu, aby wykryć, czy dany atrybut jest obsługiwany. Możesz to zrobić w ten sposób: </p><div class=pre-wrap><pre><code class=){kind=link}