不灭的焱

革命尚未成功,同志仍须努力下载JDK17

作者:Albert.Wen  添加时间:2017-10-27 10:19:48  修改时间:2024-04-21 04:35:22  分类:前端/Vue/Node.js  编辑

JS如何保存图片到本地呢?自己百度一下吧!

这里想要说的是,可以利用 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 属性