HTML5: el atributo download

23/sep/2013 12

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.

  10. jabin [#]

    Buena información me funciona demasiado bien

Deja tu Comentario

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

CSSLab