码迷,mamicode.com
首页 > Web开发 > 详细

html/html5中的download属性

时间:2016-12-13 12:01:23      阅读:267      评论:0      收藏:0      [点我收藏+]

标签:属性   log   images   http   .com   href   chrome浏览器   资源   分享   

兼容性不是很好,

技术分享

只是了解一下:

主要表现在跨域策略的处理上,Chrome浏览器和FireFox浏览器:

如果需要下载的资源是跨域的,包括跨子域,在Chrome浏览器下,使用download属性是可以下载的,但是,并不能重置下载的文件的命名;而FireFox浏览器下,则download属性是无效的,也就是FireFox浏览器无论如何都不支持跨域资源的download属性下载。

而,如果资源是同域名的,则两个浏览器都是畅通无阻的下载,不会出现下载变浏览的情况。

 

 

demo

<a href="large.jpg" download>下载</a>

不仅如此,我们还可以指定下载图片的文件名:

<a href="index_logo.gif" download="_5332_.gif">下载</a>

如果后缀名一样,我们还可以缺省,直接文件名:

<a href="index_logo.gif" download="_5332_">下载</a>

 

除了图片资源,我们还可以是PDF资源,或者txt资源等等。尤其Chrome等浏览器可以直接打开PDF文件,使得此文件格式需要download处理的场景越来越普遍

html/html5中的download属性

标签:属性   log   images   http   .com   href   chrome浏览器   资源   分享   

原文地址:http://www.cnblogs.com/xiaofenguo/p/6169302.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!