下载 HTML5 格式的资源 - a[下载]
使用集合让一切井井有条
根据您的偏好保存内容并对其进行分类。
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+) 支持此属性。
如未另行说明,那么本页面中的内容已根据知识共享署名 4.0 许可获得了许可,并且代码示例已根据 Apache 2.0 许可获得了许可。有关详情,请参阅 Google 开发者网站政策。Java 是 Oracle 和/或其关联公司的注册商标。
最后更新时间 (UTC):2011-08-01。
[{
"type": "thumb-down",
"id": "missingTheInformationINeed",
"label":"没有我需要的信息"
},{
"type": "thumb-down",
"id": "tooComplicatedTooManySteps",
"label":"太复杂/步骤太多"
},{
"type": "thumb-down",
"id": "outOfDate",
"label":"内容需要更新"
},{
"type": "thumb-down",
"id": "translationIssue",
"label":"翻译问题"
},{
"type": "thumb-down",
"id": "samplesCodeIssue",
"label":"示例/代码问题"
},{
"type": "thumb-down",
"id": "otherDown",
"label":"其他"
}]
[{
"type": "thumb-up",
"id": "easyToUnderstand",
"label":"易于理解"
},{
"type": "thumb-up",
"id": "solvedMyProblem",
"label":"解决了我的问题"
},{
"type": "thumb-up",
"id": "otherUp",
"label":"其他"
}]
{"lastModified": "\u6700\u540e\u66f4\u65b0\u65f6\u95f4 (UTC)\uff1a2011-08-01\u3002"}
[[["易于理解","easyToUnderstand","thumb-up"],["解决了我的问题","solvedMyProblem","thumb-up"],["其他","otherUp","thumb-up"]],[["没有我需要的信息","missingTheInformationINeed","thumb-down"],["太复杂/步骤太多","tooComplicatedTooManySteps","thumb-down"],["内容需要更新","outOfDate","thumb-down"],["翻译问题","translationIssue","thumb-down"],["示例/代码问题","samplesCodeIssue","thumb-down"],["其他","otherDown","thumb-down"]],["最后更新时间 (UTC):2011-08-01。"],[],[]]