今天在网上看到一个简单的方式实现图片下载,而不需要任何前后端交互
<a href="xxxxx.jpg" download>下载</a>
如上所示,只需要给a标签添加
download属性即可
同时,只要给download属性添加值,就可以为下载的图片命名
<a href="xxxxx.jpg" download="img">下载</a>
要监测当前浏览器是否支持download
属性,一行JS代码就可以了,如下:
var isSupportDownload = 'download' in document.createElement('a');
以上是本人总结,奉上原文地址http://www.zhangxinxu.com/wordpress/?p=5332