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: 网址s 和 filesystem: 网址s 网址时的优势。借助它,用户可以下载在您的应用中创建/修改的内容。
需要注意的一点是,在上面的示例中,图片的来源相同,都属于网站。如果您尝试使用其他来源的图片链接,该链接可能无法用作导航链接,而不能用作下载链接。这是因为许多版本的浏览器都不支持对跨源文件使用下载政策。例如,65 之前的 Chrome 版本允许下载跨源文件,但在后续版本中已被弃用。如需了解详情,请参阅这篇文章。您可以使用 Content-Disposition
标头强制从其他来源下载更新。
浏览器支持:只有当前的 Chrome 开发者版 (14.0.835.15+) 支持此属性。