如何仅通过客户端使用以下代码在Chrome中打开图像的“另存为”对话框？

Question

我有以下用于演示的代码，我添加了一个保存图像的按钮，以便每当用户单击“另存为”对话框时，都应出现以保存并下载客户端系统上的给定图像。

 <!DOCTYPE html>
    <html>
    <body>

    <h3>A demonstration of how to access an IMG element</h3>

    <img id="myImg" src="img_pulpit.jpg" alt="The Pulpit Rock" width="304" height="228">

    <p>Click the button to get the URL of the image.</p>

    <button onclick="myFunction()">Try it</button>

    <button onclick="saveImage()">Save Image</button>

    <p id="demo"></p>

    <script>
    function myFunction() {
      var x = document.getElementById("myImg").src;
      document.getElementById("demo").innerHTML = x;
    }
    function saveImage(){
    window.open("https://www.w3schools.com/jsref/img_pulpit.jpg").document.execCommand('SaveAs', true, "#myImg")
    }
    </script>

    </body>
    </html>

Answer 1

我相信问题出在您的参数中。尝试以下方法。

window.open（“ https://www.w3schools.com/jsref/img_pulpit.jpg ”）.document.execCommand（'SaveAs，'true'，$（“＃myImg”）。val（））

如何仅通过客户端使用以下代码在Chrome中打开图像的“另存为”对话框？

问题描述

1 个解决方案

解决方案1
0 2019-08-16 20:20:14

如何仅通过客户端使用以下代码在Chrome中打开图像的“另存为”对话框？

问题描述

1 个解决方案

解决方案1 0 2019-08-16 20:20:14

解决方案1
0 2019-08-16 20:20:14