Wie kann ich einen Download-Link in HTML erstellen?

Question

Ich habe eine Grundidee von HTML. Ich möchte den Download-Link in meiner Beispielwebsite erstellen, aber ich habe keine Idee, wie ich sie erstellen soll. Wie mache ich einen Link zum Herunterladen einer Datei, anstatt sie zu besuchen?

Answer 1

Diese Antwort ist veraltet. Wir haben jetzt das download Attribut wie beschrieben here.

Wenn durch die "Download-Link" können Sie einen Link zu einer Datei bedeutet herunterladen, verwenden

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

die target=_blank wird ein neues Browser-Fenster erscheinen, bevor der Download beginnt. Dieses Fenster wird normalerweise geschlossen, wenn der Browser erkennt, dass die Ressource ein Dateidownload ist.

Beachten Sie, dass Dateitypen, die dem Browser bekannt sind (z. B. JPG- oder GIF-Bilder), normalerweise im Browser geöffnet werden.

Sie können versuchen, die richtigen Header zu senden, um einen Download zu erzwingen, wie z. here. (Dazu ist serverseitiges Scripting oder Zugriff auf die Servereinstellungen erforderlich.)

Answer 2

Ein Download-Link wäre ein Link zu der Ressource, die Sie herunterladen möchten. Es wird auf die gleiche Art und Weise aufgebaut, dass jede andere Verbindung wäre:

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

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

Answer 3

Gefallen Sie diesen

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

So eine Datei name.jpg auf einer Website example.com wie diese

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

aussehen würde

Answer 4

in die Datei zu verknüpfen, das gleiche tun wie jeder andere Seite Link:

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

Um die Dinge zu erzwingen, auch wenn sie ein eingebettetes Plugin (Windows + Quicktime = igitt) haben zum Download, können Sie diese verwenden in Ihrer .htaccess/apache2.conf:

AddType application/octet-stream EXTENSION 

Answer 5

In modernen Browsern, die HTML5, die folgende Unterstützung möglich ist:

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

Sie können auch verwenden:

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

Dies ermöglicht es Ihnen, den Namen der Datei, die heruntergeladen wird tatsächlich zu ändern.

Answer 6

Zusätzlich (oder Ersatz) zu dem <a download Attribute HTML5 bereits erwähnt,
des Browser Download auf der Festplatte Verhalten kann auch durch die folgenden http-Response-Header ausgelöst werden:

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

Dies war die Möglichkeit vor HTML5 (und funktioniert immer noch mit Browsern, die HTML5 unterstützen).

Answer 7

Dieser Thread ist wahrscheinlich alt, aber das funktioniert in HTML5 für meine lokale Datei.

für PDF-Dateien:

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

Dieses PDF-Dokument in einem neuen Fenster geöffnet werden soll und lassen Sie es zum Download (in Firefox zumindest). Für jede andere Datei einfach den Dateinamen angeben. Für Bilder und Musik sollten Sie sie jedoch im selben Verzeichnis wie Ihre Website speichern. Also würde es seine

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

Answer 8

Das Download-Attribut für den <a> Tag in HTML5 ist neu

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

ich die erste bevorzuge es ist bevorzugt in Bezug auf jede Erweiterung.

Answer 9

Das Download-Attribut funktioniert nicht im IE, es ignoriert den "Download" vollständig. Der Download funktioniert nicht in Firefox, wenn der href auf eine entfernte Site verweist. Odins Beispiel funktioniert nicht unter Firefox 41.0.2.

Answer 10

ich weiß, ich bin spät, aber das ist, was ich nach 1 Stunde Suchlauf

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

    ?> 

und für herunterladbare Link habe ich diesen

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