前端实现点击图片另存为方式保存到本地

为什么80%的码农都做不了架构师？>>>   

关于需求中的另存为效果，经网上查询和测试，网上有几种方式，

1. ， 使用document.execCommand("SaveAs") 来进行保存，但是该功能仅IE支持，其他浏览器不支持，window10的Edge也无法正常使用

2. <img src="./1.png" border="0" onclick="SaveAs5(this.src)">
   
   
   <script>
   
       function SaveAs5(imgURL) {
           var oPop = window.open(imgURL, "", "width=1, height=1, top=5000, left=5000");
           for (; oPop.document.readyState != "complete";) {
               if (oPop.document.readyState == "complete")break;
           }
           oPop.document.execCommand("SaveAs");
           oPop.close();
       }
   </script>

3. 其他比如PS之类的网页版实现的保存图片功能，使用的是flash实现

4. 关于使用HTML5的canvas画布方式保存，测试也是相当于直接下载，并非是点击之后另存为的效果

转载于:https://my.oschina.net/mdu/blog/903566