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

Chrome 现在支持 HTML 规范为 a 元素设置的新 download 属性。使用此属性时,此属性表示浏览器应该下载它所指向的资源,而不是进行导航。

通过下载资源

例如,点击以下链接会将 .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: 网址sfilesystem: 网址s 网址时的优势。借助它,用户可以下载在您的应用中创建/修改的内容。

完整演示

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

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