JS/HTML 保存图片到本地:HTML <a> download 属性
2016-09-22 00:23
597 查看
JS如何保存图片到本地呢?自己百度一下吧!
这里想要说的是,可以利用 HTML 的 <a> 标签 来是实现保存图片到本地的功能,参考代码如下:
这就不用写 js 方法咯,但是会有不兼容的问题,当前好像只支持 Chrome 和 Firefox 浏览器,对于 IE 该怎么办呢?
那就需要 在你页面的 <head></head> 部分引入这个js文件了
务必请放在 head 里面 因为要让浏览器在解析头部后再去解析 <body> 那时候就能让 IE 支持该属性了。
参考:
HTML <a> download 属性
这里想要说的是,可以利用 HTML 的 <a> 标签 来是实现保存图片到本地的功能,参考代码如下:
<a href="http://wx.qlogo.cn/mmopen/ajNVdqHZLLDR2d0sYTtWb0ev4IRnQlM3z2NrD9kicibwMJYXWnwZIjxVo8uAeqdM7QB2WqjLWYBx1OSrOp8zpLbI5Y2VIibOKo2eclJVJcqd8k/0" download="思考中的猪.jpg"> <img src="http://wx.qlogo.cn/mmopen/ajNVdqHZLLDR2d0sYTtWb0ev4IRnQlM3z2NrD9kicibwMJYXWnwZIjxVo8uAeqdM7QB2WqjLWYBx1OSrOp8zpLbI5Y2VIibOKo2eclJVJcqd8k/0" /> </a>
这就不用写 js 方法咯,但是会有不兼容的问题,当前好像只支持 Chrome 和 Firefox 浏览器,对于 IE 该怎么办呢?
那就需要 在你页面的 <head></head> 部分引入这个js文件了
<script src=”http://html5shiv.googlecode.com/svn/trunk/html5.js”></script>
务必请放在 head 里面 因为要让浏览器在解析头部后再去解析 <body> 那时候就能让 IE 支持该属性了。
参考:
HTML <a> download 属性
相关文章推荐
- HTML <a> download 属性,点击链接来下载图片
- js截图及绕过服务器图片保存至本地(html2canvas)
- js将html生成为图片,并保存在本地
- js导出数据,浏览器(内核必须支持<a> download 属性或Blob对象创建)兼容
- APP在加载外部html时选择加载本地的js、css、img等资源文件(下:iOS篇)<转载>
- HTML: <a> target属性以及如何在JS实现相同效果
- 普通html中<form>标签和struts2中<s:form>标签action属性的不同
- autocomplete 属性在html <input autocomplete="on|off">中的使用
- HTML <font> 标签的 color 属性
- HTML <table> 标签的 rules 属性
- HTML<lable for="">标签的for属性。
- [HTML]HTML<area> 标签的shape与coords 属性W3CSHOOL
- 静态网页,JS代码 统计网站访问量<也支持html>
- HTML <script> 标签的 type 属性
- html系统学习之六 <CSS所有的样式属性>
- HTML <form> 标签的 enctype 属性
- HTML<a> 标签的 target 属性
- 通过js保存图片到本地
- autocomplete 属性在html <input autocomplete="on|off">中的使用
- 图片标签<img>----属性align值的表现