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

Eric Bidelman

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

通过下载资源：

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

例如，点击下面的链接会将 .png 文件下载为“MyGoogleLogo.png”而不必前往其 href 值：download me。其标记如下所示：

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

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

完整演示

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

浏览器支持：只有当前的 Chrome 开发者版 (14.0.835.15+) 支持此属性。