下载 HTML5 格式的资源 - a[下载]
bookmark_borderbookmark
使用集合让一切井井有条
根据您的偏好保存内容并对其进行分类。
Chrome 现在支持 HTML 规范中针对 a
元素的新 download
属性。使用此属性时,表示浏览器应下载它指向的资源,而不是导航到该资源。
在下载资源部分中:
例如,点击以下链接会将 .png 下载为“MyGoogleLogo.png”,而不是转到其 href
值:点击此处下载。此操作的标记如下所示:
<a href="http://web-central.appspot.com/.../web-fundamentals-icon192x192.png" download="WebfundamentalsLogo">download me</a>
a[download]
的真正优势在于处理 blob: 网址和 filesystem: 网址时。它可以让用户下载在您的应用中创建/修改的内容。
完整演示
需要注意的是,在上例中,相应图片与网站具有相同的来源。如果您尝试使用来自其他来源的图片链接,该链接可能无法用作导航链接,而只能用作下载链接。这是因为许多版本的浏览器都不支持跨源文件的下载政策。例如,Chrome 65 之前的版本允许下载跨源文件,但在较高版本中已废弃此功能。如需了解详情,请参阅这篇文章。您可以使用 Content-Disposition
标头强制从其他来源下载。
浏览器支持:只有当前的 Chrome 开发者渠道版本(14.0.835.15 及更高版本)支持此属性。
如未另行说明,那么本页面中的内容已根据知识共享署名 4.0 许可获得了许可,并且代码示例已根据 Apache 2.0 许可获得了许可。有关详情,请参阅 Google 开发者网站政策。Java 是 Oracle 和/或其关联公司的注册商标。
最后更新时间 (UTC):2011-08-01。
[[["易于理解","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。"],[],[]]