para - ¿Cómo puedo crear un enlace de descarga en HTML?

enlaces dentro de la misma página html

Question

Tengo una idea básica de HTML. Quiero crear el enlace de descarga en mi sitio web de ejemplo, pero no tengo idea de cómo crearlo. ¿Cómo hago un enlace para descargar un archivo en lugar de visitarlo?

Answer 1

Esta respuesta está desactualizada. Ahora tenemos el atributo de download como se describe here .

Si por "el enlace de descarga" te refieres a un enlace a un archivo para descargar, usa

 <a href="http://example.com/files/myfile.pdf" target="_blank">Download</a>

target=_blank hará que aparezca una nueva ventana del navegador antes de que comience la descarga. Esa ventana generalmente se cerrará cuando el navegador descubra que el recurso es una descarga de archivos.

Tenga en cuenta que los tipos de archivos conocidos por el navegador (por ejemplo, imágenes JPG o GIF) generalmente se abrirán dentro del navegador.

Puede intentar enviar los encabezados correctos para forzar una descarga como se describe, por ejemplo, here . (Se requiere scripting del lado del servidor o acceso a la configuración del servidor para eso).

Answer 2

Además (o en reemplazo) del <a download Atributo de <a download HTML5 ya mencionado,
el comportamiento de descargar en el disco del navegador también puede ser activado por el siguiente encabezado de respuesta http:

Content-Disposition: attachment; filename=ProposedFileName.txt;

Esta era la forma de hacerlo antes de HTML5 (y aún funciona con navegadores compatibles con HTML5).

Answer 3

El atributo de descarga es nuevo para la etiqueta <a> en HTML5

<a href="http://www.odin.com/form.pdf" download>Download Form</a>
o
<a href="http://www.odin.com/form.pdf" download="Form">Download Form</a>

Prefiero el primero, es preferible con respecto a cualquier extensión.

Answer 4

El atributo de descarga no funciona en IE, ignora completamente la "descarga". La descarga no funciona en Firefox si el href apunta a un sitio remoto. Entonces el ejemplo de Odin no funciona en Firefox 41.0.2.

Answer 5

En los navegadores modernos que admiten HTML5, es posible lo siguiente:

<a href="link/to/your/download/file" download>Download link</a>

También puedes usar esto:

<a href="link/to/your/download/file" download="filename">Download link</a>

Esto le permitirá cambiar el nombre del archivo que se está descargando.

Answer 6

Este hilo es probablemente antiguo por ahora, pero esto funciona en html5 para mi archivo local.

Para pdfs:

<p><a href="file:///........example.pdf" download target="_blank">test pdf</a></p>

Esto debería abrir el pdf en una nueva ventana y permitirle descargarlo (al menos en Firefox). Para cualquier otro archivo, simplemente conviértalo en el nombre del archivo. Sin embargo, para imágenes y música, querrá almacenarlas en el mismo directorio que su sitio. Entonces sería como

<p><a href="images/logo2.png" download>test pdf</a></p>

Answer 7

Me gusta esto

<a href="www.yoursite.com/theThingYouWantToDownload">Link name</a>

Así que un archivo name.jpg en un sitio example.com se vería así

<a href="www.example.com/name.jpg">Image</a>

Answer 8

Para vincular al archivo, haga lo mismo que cualquier otro enlace de página:

<a href="...">link text</a>

Para forzar que las cosas se descarguen, incluso si tienen un complemento integrado (Windows + QuickTime = ugh), puedes usar esto en tu htaccess / apache2.conf:

AddType application/octet-stream EXTENSION

Answer 9

Sé que llego tarde pero esto es lo que obtuve después de 1 hora de búsqueda

 <?php
$file = ''file.pdf'';
if (! file) {
die(''file not found''); //Or do something
} else {
if(isset($_GET[''file''])){
// Set headers
header("Cache-Control: public");
header("Content-Description: File Transfer");
header("Content-Disposition: attachment; filename=$file");
header("Content-Type: application/zip");
header("Content-Transfer-Encoding: binary");
// Read the file from disk
readfile($file); }
}
?>

y para el enlace descargable hice esto

<a href="index.php?file=file.pdf">Download PDF</a>

Answer 10

Un enlace de descarga sería un enlace al recurso que desea descargar. Está construido de la misma manera que cualquier otro enlace:

<a href="path to resource.name of file">Link</a>
<a href="files/installer.exe">Link to installer</a>