下载 HTML5 格式的资源 - a[下载]

Eric Bidelman

Chrome 现在支持 HTML 规范中针对 a 元素的新 download 属性。使用此属性时，表示浏览器应下载它指向的资源，而不是导航到该资源。

在下载资源部分中：

注意：download 属性（如果存在）表示作者打算将超链接用于下载资源。此属性可以具有值；该值（如果有）指定了作者建议用于在本地文件系统中为资源添加标签的默认文件名。对允许的值没有限制，但作者需要注意，大多数文件系统对文件名中支持的标点符号都有限制，并且用户代理可能会相应地调整文件名。还可以为 属性赋值，以指定用户代理在文件系统中存储资源时要使用的文件名。此值可以被 Content-Disposition HTTP 标头的 filename 参数替换。

例如，点击以下链接会将 .png 下载为“MyGoogleLogo.png”，而不是转到其 href 值：点击此处下载。此操作的标记如下所示：

<a href="http://web-central.appspot.com/.../web-fundamentals-icon192x192.png" download="WebfundamentalsLogo">download me</a>

a[download] 的真正优势在于处理 blob: 网址和 filesystem: 网址时。它可以让用户下载在您的应用中创建/修改的内容。

完整演示

需要注意的一点是，在上面的示例中，图片相对于网站具有相同的来源。如果您尝试使用来自其他来源的图片链接，该链接可能无法用作导航链接，而只能用作下载链接。这是因为许多版本的浏览器都不支持跨源文件的下载政策。例如，第 65 版之前的 Chrome 版本允许下载跨源文件，但之后的版本中已废弃。如需了解详情，请参阅这篇文章。您可以使用 Content-Disposition 标头强制从其他来源下载。

浏览器支持：只有当前的 Chrome 开发者渠道版本（14.0.835.15 及更高版本）支持此属性。