我对HTML有一个基本的概念。我想在我的样本网站创建下载链接,但我不知道如何创建它。我如何制作一个下载文件的链接而不是访问它?
当前回答
在支持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>标签的新属性
<a href="http://www.odin.com/form.pdf" download>下载表单</a> 或 <a href="http://www.odin.com/form.pdf" download="Form">下载表单</a> .
我更喜欢第一个,它在任何扩展方面都是可取的。
这个答案已经过时了。现在我们有了download属性。(另见MDN链接)
如果你所说的“下载链接”是指下载文件的链接,那就使用
<a href="http://example.com/files/myfile.pdf" target="_blank">Download</a>
target=_blank会在下载开始之前出现一个新的浏览器窗口。当浏览器发现该资源是一个文件下载时,该窗口通常会关闭。
请注意,浏览器已知的文件类型(例如JPG或GIF图像)通常会在浏览器中打开。
你可以尝试发送正确的标题来强制下载,比如这里。(需要服务器端脚本或访问服务器设置。)
这里还有一个更微妙的方法。
我想有链接,既允许在浏览器播放和显示,以及一个纯粹的下载。新的下载属性很好,但不能一直工作,因为浏览器播放或显示文件的强制要求仍然很强。
但. .这是基于检查URL的文件名的扩展名!您不希望篡改服务器的扩展映射,因为您希望以两种不同的方式交付相同的文件。因此,对于下载,您可以通过将文件软链接到一个对扩展映射不透明的名称来欺骗它,然后使用下载的重命名功能来修复该名称。
<a target="_blank" download="realname.mp3" href="realname. mp3"未知”>下载< / > <a target="_blank" href="realname.mp3">播放它</a> .mp3
我希望只是抛出一个虚拟的查询结束或以其他方式混淆扩展将工作,但遗憾的是,它没有。
这个线程现在可能很古老了,但它在html5中适用于我的本地文件。
pdf文件:
< p > < a href = "文件 :///........ example.pdf“下载目标= "平等" >测试pdf < / > < / p >
这将在一个新的窗口中打开pdf并允许你下载它(至少在firefox中)。对于任何其他文件,只要使它的文件名。对于图像和音乐,你会希望将它们存储在与你的网站相同的目录中。所以就像
<p><a href="images/logo2.png" download>test pdf</a></p>
下载链接是指向您想要下载的资源的链接。它的构造方式与其他链接相同:
<a href="path to resource.name of file">Link</a>
<a href="files/installer.exe">Link to installer</a>
推荐文章
- 使伸缩项目正确浮动
- 形式内联内的形式水平在twitter bootstrap?
- 自定义元素在HTML5中有效吗?
- 如何触发自动填充在谷歌Chrome?
- 创建圈div比使用图像更容易的方法?
- 为什么Chrome浏览器不正确地确定页面是在不同的语言,并提供翻译?
- 在网页上用鼠标模拟震颤(例如帕金森病)?
- Bootstrap抛出Uncaught错误:Bootstrap的JavaScript需要jQuery
- 如何改变文本区域的边框颜色:焦点
- 我如何设置背景颜色为文本的宽度,而不是整个元素的宽度,使用CSS?
- 如何删除和清除所有的本地存储数据
- 强制打开“另存为…”弹出打开文本链接点击PDF在HTML
- 如何修改标签文本?
- 是否有一个链接到GitHub下载文件的最新版本的存储库?
- 在HTML中还有其他有用的空格码吗,比如半空格的 , em-spaces, en-spaces等等?