使用 JQuery 和 ASP.NET 将屏幕截图保存到服务器答案

【问题标题】：Saving a screenshot to Server using JQuery and ASP.NET使用 JQuery 和 ASP.NET 将屏幕截图保存到服务器
【发布时间】：2016-01-22 15:12:08
【问题描述】：

基本上我想要做的是将网页的屏幕截图保存到服务器而不是客户端的机器上。

我已经使用 html2canvas 将 div 保存到本地目录，并且我还可以设法将 canvas 标签保存到服务器，但是我希望能够在服务器端保存 div 标签。

以下允许使用处理程序保存服务器端的能力。

$(function () {
    $("#add_button").click(function () {
        var image = document.getElementById("myCanvas").toDataURL("image/png");

        image = image.replace('data:image/png;base64,', '');

        $.get("Handler.ashx", { imageData: image }, function (data) {
            alert("Saved!");
        });
    });
});

以下创建form标签的截图并保存在本地。

<script type="text/javascript">
    $("#btnSave").click(function () {
        html2canvas($("#form1"), {
            onrendered: function (canvas) {
                //theCanvas = canvas;
                //document.body.appendChild(canvas);

                canvas.toBlob(function (blob) {
                    saveAs(blob, "Dashboard.png");
                });
            }
        });
    });

</script>

基本上，我想将“表单”标签的屏幕截图图像保存到服务器。

【问题讨论】：

标签： javascript jquery html asp.net html2canvas

【解决方案1】：

这是您可以使用 javascript 将页面打印为 PDF 的代码

<asp:Button ID="imgBtnPrint" OnClientClick="javascript:window.print();" runat="Server" Text="Print" />

【讨论】：