如何在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>