• 售前

  • 售后

热门帖子
入门百科

详解HTML5中download属性的应用

[复制链接]
大龙山草 显示全部楼层 发表于 2021-10-26 13:08:27 |阅读模式 打印 上一主题 下一主题
在传统的html中,某个文件的下载,是如许的:
XML/HTML Code复制内容到剪贴板
       
  • <a href="=/files/abc1234564545.pdf">report</a>   
而在HTML 5欣赏器中,可以支持download属性了,如下:
XML/HTML Code复制内容到剪贴板
       
  • <a href="=/files/abc1234564545.pdf" download="abc">report</a>   
download属性的利益在于,在用户下载文件的时间,显示在用户欣赏器
中的“另存”为的文件显示框中,显示的是这个downloader属性中显示的
东西了,比力友爱
HTML5里,download属性为下载的文件取一个符合的名字,而不是利用原生的服务器文件名。
XML/HTML Code复制内容到剪贴板
       
  • <!-- 将会下载 "test.txt"文件 -->      
  • <a href="http://www.zjgsq.com/demo/1/some-realy-crazy-file-name-389247823879472398.txt" download="test">点击下载</a>  
然后当用户点击这个链接,这个download属性值就出现在下载对话框中,取代原来凌乱的文件名。在这个例子中,文件将被下载为test.txt。download属性同时开启了一个逼迫下载。
这个属性在存在文件交互的地方非常有用,在服务器端的文件名需要是及其独特的(上例中的文件名就很独特不是吗?),但是一堆乱码对用户来说没有任何作用,download属性定义文件名对用户更有意义。download属性只是加强性的,它不是非常酷,但是它很实用,而且非常易于添加。

帖子地址: 

回复

使用道具 举报

分享
推广
火星云矿 | 预约S19Pro,享500抵1000!
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

草根技术分享(草根吧)是全球知名中文IT技术交流平台,创建于2021年,包含原创博客、精品问答、职业培训、技术社区、资源下载等产品服务,提供原创、优质、完整内容的专业IT技术开发社区。
  • 官方手机版

  • 微信公众号

  • 商务合作