javascript - 使用 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!");
        });
    });
});

下面创建表单标签的截图并保存在本地。

<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" />