如何创建下载链接

有趣的是有些事情如何完整圈子。在Web的早期，浏览器将自动下载链接到不是网页的文件，如图像，PDF文件和文件。然后，浏览器变得如此先进，以便他们能够实时开放任何文件。但是，为开发人员创造了一个问题。您如何强制浏览器下载文件，而不是打开它？一堆黑客并解决方法涌现，以解决这个问题，但没有人是一个真正的解决方案。全部改变了HTML5.当。。。的时候下载属性介绍了。

现在，开发人员可以将特殊下载属性添加到他们的HTML锚标记，以告诉浏览器以将链接视为下载，而不是打开目标文件。您可以使用以下不同的方式来使用下载属性来控制浏览器处理下载链接的方式。甚至更好，所有现代浏览器都支持下载属性，因此您不应该看到兼容性的任何问题或对倒退的需要。

您可以处理以下不同的方式来处理下载属性。每个都有自己的好处，他们都在不同的浏览器上顺利工作。

普通下载属性

使用下载属性的最简单方法是在锚标记中以最基本的形式包含它。您不需要包括其他文件名或任何支持信息。结果如下所示：

现在下载！

通过包括“下载”，您可以告诉任何浏览器阅读页面以下载目标链接而不是打开它。在这种情况下，浏览器将完全下载该文件，因为它具有相同的名称。

更改文件名

如果您实际上想要更改名称，会发生什么。有很多场合你想这样做。自动生成的文件名是一个很好的例子。它们通常具有易于长的名称，带有垃圾字符串。这不是您想要的访问者的经验。您可以使用下载属性标准化内容。

要指定文件名，请将下载属性设置为等于它。排除文件扩展名。浏览器不能且不会转换文件类型，因此尝试没有任何意义。

现在下载！

您的访问者将作为您的文件下载该文件.PDF。

下载映像

除此之外，允许您的用户直接下载图像的简化方法。这不是革命性的，你可以自己把它分在一起，但你可以使用下载属性来创建可下载的图像链接。

首先设置通常在您的页面上的图像。当然，这将是可用于下载的图像。

然后，将整个东西封装在锚标签中，链接到图像路径。

最后，在下载属性中添加到锚标记。如果您愿意，您可以更改图像的名称。

现在，当访问者点击图片时，他们将自动从服务器下载它。这不是必要的，它似乎是一个开发人员的矫枉过正，但是有多少站点访问者会认为右键单击图像以查看或下载它？