使用JQuery和ASP.NET将屏幕快照保存到服务器

Question

本质上，我要执行的操作是将网页的屏幕快照保存到服务器，而不是保存在客户端计算机上。

我已经使用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>

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

Answer 1

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

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