Question

我使用iframe标签来显示图片。页面上还有一个保存图像按钮。我希望当用户点击按钮时，iframe中的图像应保存在桌面上。请记住，我只希望将图像保存在桌面而不是整个页面上。怎么做......

例如：

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<script type="text/JavaScript">
var now = false;
function saveIt() {
if (now) { document.execCommand("SaveAs"); }
}
</script>
</head>
<body önload="now=true">
<form id="form1" runat="server">
<asp:Button ID="Button1" runat="server" OnClientClick="saveIt();" Text="Save" />
<br />
<iframe src="Images/findr.png" width="400px" height="400px" id="external" name="external"></iframe>

</form>
</body>
</html>

Answer 1

您可以尝试使用此代码。我已经对此进行了测试并且工作正常：

<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
    <title></title>
    <script type="text/javascript">
        function saveIt() {
            imgURL = document.getElementById('external');
            if (typeof imgURL == 'object')
                imgURL = imgURL.src;
            window.win = open(imgURL);
            setTimeout('win.resizeTo(0, 0);', 100);
            setTimeout('win.moveTo(0, 0);', 200);
            setTimeout('win.document.execCommand("SaveAs")', 500);
            setTimeout('win.close()', 1000);
        }
    </script>
</head>
<body>
    <form id="form1" runat="server">
        <input type="button" id="Button1" runat="server" onclick="saveIt();" 
               value="Save" />
        <br />
        <iframe src="Images/orderedList3.png" width="400px" height="400px" 
         id="external" name="external">
        </iframe>
    </form>
</body>
</html>

将图像从iframe标记保存到桌面

1 个答案: