主页 > 知识库 > 详解HTML5中download属性的应用

详解HTML5中download属性的应用

热门标签:外呼系统电话怎么投诉 呼和浩特外呼电销系统排名 南通数据外呼系统推广 外呼线稳定线路 pageadm实现地图标注 地图标注位置能赚钱吗 阜阳企业外呼系统 申请400电话流程简介 邢台县地图标注app

在传统的html中,某个文件的下载,是这样的:

XML/HTML Code复制内容到剪贴板
  1. <a href="=/files/abc1234564545.pdf">report</a>    

而在HTML 5浏览器中,可以支持download属性了,如下:

XML/HTML Code复制内容到剪贴板
  1. <a href="=/files/abc1234564545.pdf" download="abc">report</a>    

download属性的好处在于,在用户下载文件的时候,显示在用户浏览器
中的“另存”为的文件显示框中,显示的是这个downloader属性中显示的
东西了,比较友好

HTML5里,download属性为下载的文件取一个合适的名字,而不是使用原生的服务器文件名。

XML/HTML Code复制内容到剪贴板
  1. <!-- 将会下载 "test.txt"文件 -->  
  2. <a href="http://www.zjgsq.com/demo/1/some-realy-crazy-file-name-389247823879472398.txt" download="test">点击下载</a>  

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

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

标签:辛集 黄山 鹤岗 德州 抚顺 蚌埠 杨凌 内蒙古

巨人网络通讯声明:本文标题《详解HTML5中download属性的应用》,本文关键词  详解,HTML5,中,download,属,;如发现本文内容存在版权问题,烦请提供相关信息告之我们,我们将及时沟通与处理。本站内容系统采集于网络,涉及言论、版权与本站无关。
  • 相关文章
  • 下面列出与本文章《详解HTML5中download属性的应用》相关的同类信息!
  • 本页收集关于详解HTML5中download属性的应用的相关信息资讯供网民参考!
  • 推荐文章