1. 可以利用h5的a标签的新属性download快速实现。
<a href="/images/myw3schoolimage.jpg" download="w3logo">
2.可以利用弹出新窗口或嵌入iframe然后通过SaveAs方式实现
document.execCommand(”saveAs”)
注1：通过调用execCommand()可以实现浏览器菜单的很多功能. 如保存文件,打开新文件,撤消、重做、复制，剪切操作…等等. 有了这个方法,就可以很容易的实现网页中的文本编辑器.
注2: 实测在pc环境下可以。但手机safari浏览器下两种方式都无效，其他浏览器和android平台暂未测试
js保存图片或文件
原文地址：https://www.cnblogs.com/liyongquan/p/8458348.html