我对HTML有一个基本的概念。我想在我的样本网站创建下载链接,但我不知道如何创建它。我如何制作一个下载文件的链接而不是访问它?
当前回答
要链接到该文件,请执行与任何其他页面链接相同的操作:
<a href="...">link text</a>
要强制下载即使它们有嵌入式插件(Windows + QuickTime = ugh),你可以在htaccess / apache2.conf中使用这个:
AddType application/octet-stream EXTENSION
其他回答
你可以用两种方式使用
<a href="yourfilename" download>Download</a>
在旧浏览器中,这个选项是不可用的
2nd
<a href="yourfilename" download="newfilename">Download</a>
在这里,您可以选择重命名您的文件,并下载与不同的名称
要链接到该文件,请执行与任何其他页面链接相同的操作:
<a href="...">link text</a>
要强制下载即使它们有嵌入式插件(Windows + QuickTime = ugh),你可以在htaccess / apache2.conf中使用这个:
AddType application/octet-stream EXTENSION
下载链接是指向您想要下载的资源的链接。它的构造方式与其他链接相同:
<a href="path to resource.name of file">Link</a>
<a href="files/installer.exe">Link to installer</a>
这个线程现在可能很古老了,但它在html5中适用于我的本地文件。
pdf文件:
< p > < a href = "文件 :///........ example.pdf“下载目标= "平等" >测试pdf < / > < / p >
这将在一个新的窗口中打开pdf并允许你下载它(至少在firefox中)。对于任何其他文件,只要使它的文件名。对于图像和音乐,你会希望将它们存储在与你的网站相同的目录中。所以就像
<p><a href="images/logo2.png" download>test pdf</a></p>
如果您将文件托管在AWS中,这可能适用于您。代码很容易理解。由于浏览器不支持同源下载链接,解决这个问题的一种方法是将图像URL转换为base64 URL。然后,你就可以正常下载了。
var canvas = document.createElement("canvas")
var ctx = canvas.getContext('2d')
var img = new Image()
img.src = your_file_url + '?' + new Date().getTime();
img.setAttribute('crossOrigin', '')
var array = your_file_url.src.split("/")
var fileName = array[array.length - 1]
img.onload = function() {
canvas.width = img.naturalWidth
canvas.height = img.naturalHeight
ctx.drawImage(img,
0, 0, img.naturalWidth, img.naturalHeight,
0, 0, canvas.width, canvas.height)
var dataUrl = canvas.toDataURL("image/png", 1)
var a = document.createElement('a')
a.href = dataUrl
a.download = fileName
document.body.appendChild(a)
a.click()
document.body.removeChild(a)
}