HTML5 vino con todas las nuevas API, nuevos tipos de entrada y atributos para formularios. Como suele ser el caso, esas adiciones principales a menudo oscurecen las actualizaciones menores y creo que esto es particularmente cierto en el atributo de descarga.
Como sabes, hay algunos archivos que el navegador no descarga automáticamente; imágenes, otras páginas web y según la configuración de su navegador, a veces incluso archivos PDF. El atributo de descarga proporciona al navegador una forma nativa de descargar estos archivos automáticamente, sin tener que recurrir a JavaScript. Esto es realmente útil para cualquier aplicación que se ocupe de la descarga de imágenes, como sitios de carga de imágenes.
Como el atributo de descarga no usa scripts de ningún tipo, es tan simple como agregar el atributo a su enlace:
var a = document.createElement('a');if(typeof a.download != "undefined"){// download attribute is supported}else{// download attribute is not supported}Teniendo en cuenta todo lo que se ha agregado a HTML5, el atributo de descarga es una parte muy pequeña, pero en mi opinión es un atributo que hacía tiempo que estaba pendiente, y definitivamente tiene su uso en las aplicaciones actuales tanto para la facilidad de uso como para la simplificación.
¿Ha implementado el atributo de descarga? ¿Cuáles son tus héroes anónimos de HTML5? Háganos saber en los comentarios.
Imagen / miniatura destacada, descargar imagen a través de Shutterstock.
![]( myFolder / myImage.png "descargar> Descargar imagen </a></pre></div><p> Lo bueno de este atributo es que incluso puede establecer un nombre para el archivo descargable, incluso cuando no es el nombre en su servidor. Esto es ideal para sitios con nombres de archivos complejos, o incluso imágenes creadas dinámicamente, que desean proporcionar un nombre de archivo simple y fácil de usar. Para proporcionar un nombre, simplemente agregue un signo de igual, seguido del nombre que desea usar rodeado entre comillas, de esta manera: </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 "> Descargar imagen</a></pre></div><p> Tenga en cuenta que el navegador agregará automáticamente la extensión de archivo correcta al archivo descargado, por lo que no necesita incluir eso dentro del valor de su atributo. </p><p class=clearrow></p><h2> Soporte del navegador </h2><p> Actualmente, solo Chrome 14+ y Firefox 20+ son compatibles con el atributo de descarga, por lo que es posible que deba recurrir a JavaScript simple para detectar si el atributo es compatible. Puedes hacerlo así: </p><div class=pre-wrap><pre><code class=){kind=link}