HTML <a> download 属性,点击链接来下载图片

Html5里面的 标签的 Download 属性可以设置一个值来规定下载文件的名称。所允许的值没有限制,浏览器将自动检测正确的文件扩展名并添加到文件 (.img, .pdf, .txt, .html, 等等),

但是 Download 的兼容性不怎么样,只有 Firefox 和 Chrome 支持 download 属性。但是,路总是人走出来的嘛(哈哈哈哈),在文章后面会给大家说说怎么兼容IE的!


 
 测试代码:
<a href="imges/1.jpg" download="图片">
  <img src="imges/1.jpgf" alt="图片">
</a>

想要兼容IE那就需要在你页面的 <head></head> 部分引入这个js文件了

<script src=”http://html5shiv.googlecode.com/svn/trunk/html5.js”></script>

必须放在head里面因为要让浏览器在解析头部后再去解析<body>,就能让IE 支持该属性了。

posted @ 2016-11-22 11:37  win.w  阅读(16630)  评论(1编辑  收藏  举报