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

我对HTML有一个基本的概念。我想在我的样本网站创建下载链接，但我不知道如何创建它。我如何制作一个下载文件的链接而不是访问它?

当前回答

这个线程现在可能很古老了，但它在html5中适用于我的本地文件。

pdf文件:

< p > < a href = "文件 :///........ example.pdf“下载目标= "平等" >测试pdf < / > < / p >

这将在一个新的窗口中打开pdf并允许你下载它(至少在firefox中)。对于任何其他文件，只要使它的文件名。对于图像和音乐，你会希望将它们存储在与你的网站相同的目录中。所以就像

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

其他回答

你可以用两种方式使用

<a href="yourfilename" download>Download</a>

在旧浏览器中，这个选项是不可用的

2nd

<a href="yourfilename" download="newfilename">Download</a>

在这里，您可以选择重命名您的文件，并下载与不同的名称

这个线程现在可能很古老了，但它在html5中适用于我的本地文件。

pdf文件:

< p > < a href = "文件 :///........ example.pdf“下载目标= "平等" >测试pdf < / > < / p >

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

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

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

要强制下载即使它们有嵌入式插件(Windows + QuickTime = ugh)，你可以在htaccess / apache2.conf中使用这个:

AddType application/octet-stream EXTENSION

除了前面提到的HTML5的<a download属性之外，浏览器的下载到磁盘行为也可以由以下HTTP响应头触发:

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

这是HTML5出现之前的做法(现在支持HTML5的浏览器仍然适用)。

像这样

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

因此，example.com网站上的文件名。jpg将如下所示

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

推荐文章