Chrome 现在支持为 a
元素添加 HTML 规范的新 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+) 支持此属性。