Comment puis-je créer un lien de téléchargement en HTML?

Question

J'ai une idée de base de HTML. Je veux créer le lien de téléchargement dans mon exemple de site Web, mais je n'ai aucune idée de la façon de le créer. Comment faire un lien pour télécharger un fichier plutôt que de le visiter?

Answer 1

Cette réponse est rejetée. Nous avons maintenant l'attribut download comme décrit here.

Si par « le lien de téléchargement » vous voulez dire un lien vers un fichier à télécharger, utilisez

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

le target=_blank fera une nouvelle fenêtre du navigateur apparaît avant que le téléchargement commence. Cette fenêtre sera généralement fermée lorsque le navigateur découvre que la ressource est un téléchargement de fichier.

Notez que les types de fichiers connus du navigateur (par exemple les images JPG ou GIF) seront généralement ouverts dans le navigateur.

Vous pouvez essayer d'envoyer les en-têtes appropriés pour forcer un téléchargement, tel que décrit par exemple. here. (script côté serveur ou l'accès aux paramètres du serveur est nécessaire pour cela.)

Answer 2

Un lien de téléchargement serait un lien vers la ressource que vous souhaitez télécharger. Il est construit de la même manière que tout autre lien serait:

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

<a href="files/installer.exe">Link to installer</a> 

Answer 3

Vous aimez cette

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

Ainsi, un name.jpg de fichier sur un site example.com ressemblerait à ceci

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

Answer 4

pour créer un lien vers le fichier, faire la même chose que tout autre lien de la page:

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

Pour forcer les choses à télécharger, même si elles ont un plugin intégré (Windows + QuickTime = beurk), vous pouvez utiliser dans votre htaccess/apache2.conf:

AddType application/octet-stream EXTENSION 

Answer 5

Dans les navigateurs modernes qui prennent en charge HTML5, les éléments suivants est possible:

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

vous pouvez également utiliser ceci:

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

cela vous permettra de changer le nom du fichier téléchargé réellement.

Answer 6

En plus (ou en remplacement) au comportement attribut HTML5 <a download déjà mentionné,
le téléchargement du navigateur sur le disque peut également être déclenchée par ce qui suit en-tête de réponse http:

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

Ce fut le façon de faire avant HTML5 (et fonctionne toujours avec les navigateurs supportant HTML5).

Answer 7

Ce thread est probablement ancien maintenant, mais cela fonctionne en html5 pour mon fichier local.

Pour pdfs:

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

Cela devrait ouvrir le pdf dans une nouvelle fenêtre et vous permettre de le télécharger (dans Firefox au moins). Pour tout autre fichier, il suffit de faire le nom de fichier. Pour les images et la musique, vous voudriez les stocker dans le même répertoire que votre site. Donc, ce serait comme

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

Answer 8

L'attribut de téléchargement est nouveau pour la balise <a> en HTML5

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

Je préfère le premier, il est préférable en ce qui concerne toute extension.

Answer 9

L'attribut de téléchargement ne fonctionne pas dans IE, il ignore complètement le "téléchargement". Le téléchargement ne fonctionne pas sur Firefox si le href pointe vers un site distant. L'exemple d'Odin ne fonctionne donc pas sur Firefox 41.0.2.

Answer 10

je sais que je suis en retard, mais ce que je suis arrivé après 1 heure de recherche

<?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); } 
    } 

    ?> 

et pour le lien téléchargeable Je l'ai fait

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