如何在HTML中创build下载链接?

我有一个HTML的基本思想。 我想在我的示例网站中创build下载链接,但我不知道如何创build它。 如何创build一个链接来下载文件而不是访问它?

这个答案已经过时了。 我们现在有这里描述的download属性。

如果通过“下载链接”指的是要下载的文件的链接,请使用

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

target=_blank会在下载开始之前显示一个新的浏览器窗口。 当浏览器发现资源是文件下载时,通常会closures该窗口。

请注意,浏览器已知的文件types(例如JPG或GIF图像)通常会在浏览器中打开。

你可以尝试发送正确的头文件来强制下载,如这里所述 。 (服务器端脚本或访问服务器设置是必需的。)

在支持HTML5的现代浏览器中,以下是可能的:

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

你也可以使用这个:

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

这将允许您更改实际下载的文件的名称。

另外(或者替代)已经提到的HTML5 <a download属性,
浏览器的下载到磁盘的行为也可以通过下面的http响应头来触发:

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

这是在HTML5之前要做的(并且仍然支持HTML5的浏览器)。

下载链接将是您要下载的资源的链接。 它的构build方式与其他任何链接相同:

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

要链接到该文件,请执行与其他任何页面链接相同的操作:

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

即使他们有一个embedded式插件(Windows + QuickTime = ugh),也要强制下载,你可以在你的htaccess / apache2.conf中使用它:

 AddType application/octet-stream EXTENSION 

这个线程现在可能是古老的,但是这对我的本地文件在html5中起作用。

对于pdf文件:

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

这应该打开一个新窗口中的PDF,并允许您下载(至less在Firefox中)。 对于任何其他文件,只需将其作为文件名。 对于图片和音乐,您可能希望将它们存储在与您的网站相同的目录中。 所以会是这样

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

下载属性对于HTML5中的<a>标记是新的

<a href="form.html" download>Download Form</a>
要么
<a href="form.html" download="Form">Download Form</a>

我更喜欢第一个关于任何扩展名是最好的。

下载属性在IE中不起作用,它完全忽略了“下载”。 如果href指向远程站点,则下载在Firefox上不起作用。 所以奥丁的例子不适用于Firefox 41.0.2。

我知道我迟到了,但这是我search1小时后得到的

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

和可下载的链接,我做到了这一点

 <a href="index-file.pdf.html">Download PDF</a> 

喜欢这个

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

因此,站点example.com上的文件name.jpg将如下所示

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