好程序员web前端详解HTML5中download属性的应用

本文详细介绍了HTML5中新增的download属性,该属性允许开发者指定下载文件的名称,提高用户体验。在传统HTML中,文件下载仅能通过链接实现,而HTML5的download属性则提供了更多定制化的下载选项。

       好程序员 web前端详解HTML5中download属性的应用, 在传统的 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"文件 -- 

       然后当用户点击这个链接,这个download属性值就出现在下载对话框中,代替原来凌乱的文件名。在这个例子中,文件将被下载为test.txt。download属性同时开启了一个强制下载。

 

       这个属性在存在文件交互的地方非常有用,在服务器端的文件名需要是及其独特的(上例中的文件名就很独特不是吗?),但是一堆乱码对用户来说没有任何作用,download属性定义文件名对用户更有意义。download属性只是增强性的,它不是非常酷,但是它很实用,而且非常易于添加。


来自 “ ITPUB博客 ” ,链接:http://blog.itpub.net/69913892/viewspace-2641687/,如需转载,请注明出处,否则将追究法律责任。

转载于:http://blog.itpub.net/69913892/viewspace-2641687/

评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符  | 博主筛选后可见
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值