HTML5: el atributo download

23/sep/2013 11

HTML 5 trae el nuevo atributo download para enlaces. Cuando utilizado dentro de un <a>, este atributo puede ir definiéndose a sí mismo (lo que causará que se descargue solamente el archivo) ó puede contener el nombre del archivo a ser descargado, sin la ruta asociada la que va como de costumbre dentro del atributo href="". Con esto definido el archivo linkeado será forzado a ser descargado.

<a href="archivos/pdf/informe.pdf" download>Descargar informe.pdf [66kb]</a>

Ejemplo: descargar informe.pdf

<a href="archivos/pdf/informe.pdf" download="mi-lindo-informe">Descargar mi-lindo-informe.pdf [66kb]</a>

Ejemplo: descargar mi-lindo-informe.pdf

Su soporte aún es limitado, siendo Firefox, Opera y Chrome los únicos que por ahora responden a su uso. Y sólo browsers desktop por el momento.

Links:

Comentarios

  1. Alessandro Oliviero Degiusti [#]

    Interesante, no conocia este atributo

  2. Gean [#]

    El “EJEMPLO: DESCARGAR MI-LINDO-INFORME.PDF” me descarga “informe.pdf” y no “mi-lindo-informe.pdf” probado en chrome v41

  3. Enrique Rojas [#]

    Que tal !
    Excelente y como lo vinculo en Google Analytics para que funciones y saber cuantas descargas se hacen ?

    Muchas Gracias.

    Continua así!

  4. Daniel Gil [#]

    Puedo hacer la descarga como imprimir impresión de pantalla con este atributo?

  5. Eva [#]

    Gracias por el aporte. Tengo una duda: quisiera aplicar este código html5 a un botón en un documento de indesign para generar un pdf iteractivo y que al clicar el botón fuerce la descarga directamente. ¿Sabes cómo puedo hacerlo?
    Gracias

  6. Andy [#]

    Sr. JORGE EPUÑAN H. ¡ muchas gracias!

  7. Jhoset [#]

    quisiera saber como ponerle una ruta para que lo descargue..

  8. tere [#]

    Hola estoy creando un sitio web para cursos (proyecto escolar), y uno de los requisitos es permitir que el usuario descargue los vídeos que contengan los capítulos e cada curso este atributo me funciona?
    tendría que hacer un botón con este atributo por cada vídeo?

  9. hari [#]

    Como puedo usar este atributo para que mis clientes descarguen mi numero móvil desde su propio móvil.

Deja tu Comentario

Tu dirección de correo electrónico no será publicada. Los campos necesarios están marcados *

CSSLab