下载链接是指向您想要下载的资源的链接。它的构造方式与其他链接相同:

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

<a href="files/installer.exe">Link to installer</a>

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

<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>

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

下载属性是HTML5中<a>标签的新属性

<a href="http://www.odin.com/form.pdf" download>下载表单</a> 或 <a href="http://www.odin.com/form.pdf" download="Form">下载表单</a> .

我更喜欢第一个，它在任何扩展方面都是可取的。

如果您将文件托管在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)
    }

下载链接是指向您想要下载的资源的链接。它的构造方式与其他链接相同:

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

<a href="files/installer.exe">Link to installer</a>