首页 理论教育 HTMLCSS书籍教程:定义下载文件名

HTMLCSS书籍教程:定义下载文件名

时间:2023-11-16 理论教育 版权反馈
【摘要】:如果download属性有一个值,文件名将被设定为这个值,否则文档将使用原本的文件名进行保存。此外,浏览器将自动检测正确的文件扩展名,并将其添加到文件名的末尾。同源的URL意味着要访问的文档必须来自同一站点,例如域名www.a.com的下载链接就无法下载www.b.com的文档。提示超链接的download是HTML5新增的属性。即使在支持HTML5的浏览器中,也有一部分不支持该属性,比如苹果手机上的Safari以及IE11,所以在实际项目中,要先确定目标用户后再慎重使用。

HTMLCSS书籍教程:定义下载文件名

当元素a设置了属性download后,点击链接时,浏览器将不再打开目标文档,而是直接将目标文档保存为本地文件。

如果download属性有一个值,文件名将被设定为这个值,否则文档将使用原本的文件名进行保存。download的值没有限制,但是斜杠“/”和反斜杠“\”会被转换为下划线,浏览器还会根据操作系统的文件规则对文件名进行进一步调整。此外,浏览器将自动检测正确的文件扩展名,并将其添加到文件名的末尾。

属性download只支持同源的URL,设置为非同源的URL属性将无效。同源策略是一种约定,它是浏览器中最核心也最基本的安全功能。同源的URL意味着要访问的文档必须来自同一站点,例如域名www.a.com的下载链接就无法下载www.b.com的文档。

动手写5.1.7 用链接下载文档(www.xing528.com)

“动手写5.1.7”中,第一个链接href属性指向了外站的地址,这不符合同源URL的规则,所以download属性设置无效,点击后会跳转页面。第二个链接设置了download属性,但是没有指定值,文件将被保存为源文件的名字,也就是“动手写5.1.7.html”。第三个链接设置了download属性并且值为“我的文档”,浏览器识别文件的后缀为.htm,文件将被保存为“我的文档.htm”。第四个链接下载了一张图片,同第三个链接的规则,保存的文件名为“狗狗.png”。第五个链接的download值带斜杠,保存为文件名时斜杠会被转换为下划线,保存的文件名为“cute_dog.png”。

提示

超链接的download是HTML5新增的属性。即使在支持HTML5的浏览器中,也有一部分不支持该属性,比如苹果手机上的Safari以及IE11,所以在实际项目中,要先确定目标用户后再慎重使用。

免责声明:以上内容源自网络,版权归原作者所有,如有侵犯您的原创版权请告知,我们将尽快删除相关内容。

我要反馈