JS/HTML 保存圖片到本地:HTML download 屬性


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

這里想要說的是,可以利用 HTML 的 <a> 標簽 來是實現保存圖片到本地的功能,參考代碼如下:

1
2
3
< 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文件了 

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

務必請放在 head 里面 因為要讓瀏覽器在解析頭部后再去解析 <body> 那時候就能讓 IE 支持該屬性了。

參考:

HTML download 屬性


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM