M谩s

    C贸mo utilizar el atributo de descarga

    - Advertisement -

    HTML5 vino con todas las API nuevas, nuevos tipos de entrada y atributos para formularios. Como suele ser el caso, esas adiciones importantes 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 le da 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 los sitios de carga de im谩genes.

    Usando el atributo de descarga

    Dado que el atributo de descarga no utiliza scripts de ning煤n tipo, es tan simple como agregar el atributo a su enlace:

    鉂 Tambi茅n te interesa:Creaci贸n de su primer gr谩fico de JavaScript interactivoCreaci贸n de su primer gr谩fico de JavaScript interactivo

    Descargar imagen

    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 excelente para sitios con nombres de archivo 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 igual, seguido del nombre que desea usar entre comillas, as铆:

    Descargar imagen

    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 de su valor de atributo.

    鉂 Tambi茅n te interesa:C贸mo dise帽ar una p谩gina web MVPC贸mo dise帽ar una p谩gina web MVP

    Compatibilidad con navegador

    Actualmente, solo Chrome 14+ y Firefox 20+ admiten 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铆:

    var a = documento.createElement(‘a’); if(typeof a.download != 芦undefined禄) { // el atributo de descarga es compatible } else { // el atributo de descarga no es compatible }

    Conclusi贸n

    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 se necesitaba desde hace mucho tiempo y definitivamente tiene sus usos en las aplicaciones actuales tanto para la usabilidad 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.

    鉂 Tambi茅n te interesa:C贸mo se ve el dise帽o web centrado en el clienteC贸mo se ve el dise帽o web centrado en el cliente

    Imagen/miniatura destacada, descargar imagen a trav茅s de Shutterstock.

    Populares

    M谩s de esta categor铆a

    DEJA UNA RESPUESTA

    Por favor ingrese su comentario!
    Por favor ingrese su nombre aqu铆

    Este sitio usa Akismet para reducir el spam. Aprende c贸mo se procesan los datos de tus comentarios.