网站首页 网站建设 IT知识 IT知识教程 详解HTML5中download属性的应用

详解HTML5中download属性的应用

2021-05-08 21:11:32

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

XML/HTML Code复制内容到剪贴板
  • <ahref="=/files/abc1234564545.pdf">report</a>
  • 而在HTML 5浏览器中,可以支持download属性了,如下:

    XML/HTML Code复制内容到剪贴板
  • <ahref="=/files/abc1234564545.pdf"download="abc">report</a>
  • download属性的好处在于,在用户下载文件的时候,显示在用户浏览器
    中的“另存”为的文件显示框中,显示的是这个downloader属性中显示的
    东西了,比较友好

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

    XML/HTML Code复制内容到剪贴板
  • <!--将会下载"test.txt"文件-->
  • <ahref="http://www.zjgsq.com/demo/1/some-realy-crazy-file-name-389247823879472398.txt"download="test">点击下载</a>
  • 然后当用户点击这个链接,这个download属性值就出现在下载对话框中,代替原来凌乱的文件名。在这个例子中,文件将被下载为test.txt。download属性同时开启了一个强制下载。

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

    声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。 如涉及版权问题,请提交至online#300.cn邮箱联系删除。

    以上产品还未完全满足我的所有需求,在下方提交我的专属需求
    我的专属需求:
    *手机号:
    *验证码:
    img
    咨询报价
    现在咨询
    img

    在线咨询

    建站在线咨询

    img

    微信咨询

    扫一扫添加
    动力姐姐微信

    img
    img

    TOP