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.
Comentarios
Interesante, no conocia este atributo
El «EJEMPLO: DESCARGAR MI-LINDO-INFORME.PDF» me descarga «informe.pdf» y no «mi-lindo-informe.pdf» probado en chrome v41
Gean: Chrome 41 Mac OSX, comprobado, sigue funcionando. Cuando pueda pruebo en Windows.
Que tal !
Excelente y como lo vinculo en Google Analytics para que funciones y saber cuantas descargas se hacen ?
Muchas Gracias.
Continua así!
Puedo hacer la descarga como imprimir impresión de pantalla con este atributo?
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
Sr. JORGE EPUÑAN H. ¡ muchas gracias!
quisiera saber como ponerle una ruta para que lo descargue..
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?
tere: si puedes usar este atributo para lo que necesitas.
Como puedo usar este atributo para que mis clientes descarguen mi numero móvil desde su propio móvil.
hola para eso tienes que hacer uso del atributo tel en el enlace
<a href="tel:numero de telefono que se descargara" rel="nofollow">número de telefono que se mostrara en la página</a>
ejemplo:
<a href="tel:1234567890" rel="nofollow">1234567890</a>
Buena información me funciona demasiado bien
como hago para bloquear la descarga del archivo??…justamente hacer todo lo contrario.
gracias.
¿Cómo hago para que este atributo download funcione en mi web que es responsive??