3

É possível tirar um print screen da página ativa de meu sistema web e salvar essa imagem em algum lugar utilizando c#?

5
  • Você quer executar o screenshot do sistema web simulando a execução do sistema no servidor ou ele rodando no cliente mesmo via browser?
    – Maniero
    Commented 28/05/2014 às 20:08
  • A execução seria por parte do cliente. Ex: O usuário encontrou um erro no sistema e apenas apertando um botão em meu sistema seria enviado para o servidor a imagem da janela ativa do navegador. Commented 28/05/2014 às 20:12
  • Então efetivamente você gostaria que o JavaScript executasse o SS, certo? Se for isso, creio não ser possível, mas entendo pouco de JS atual.
    – Maniero
    Commented 28/05/2014 às 20:13
  • 2
    Acabei de ver isto pt.stackoverflow.com/questions/7229/…
    – Maniero
    Commented 28/05/2014 às 20:23
  • 2
    Sim, é possível. Próximo! Commented 28/05/2014 às 20:47

1 Resposta 1

5

É possível, com html2canvas, com algumas configurações.

Exemplo:

1) WebForms:

Na sua página WebForms coloque as referências do html2canvas e jQuery com seguinte código Javascript:

<script src="/Scripts/jquery-1.8.2.js"></script>
<script src="/Scripts/html2canvas.js"></script>
<script type="text/javascript">
CopyBitmap = function () {
    html2canvas(document.body, {
        onrendered: function (canvas) {
            var dataUrl = canvas.toDataURL();
            $.post('Handler1.ashx', { 'data': dataUrl }, function (data) {
                if (data == "1") {
                    alert('Imagem enviada com sucesso');
                }
            });
        }
    });
};
</script>

Chame o CopyBitmap em um botão dessa forma:

<button type="button" onclick="CopyBitmap();">Copiar</button>

Essa função vai pegar do canvas um base64 da imagem que vamos transferir em processo Ajax para um arquivo Handler1.ashx sendo responsável pelas conversões dessa base64 para imagem e gravando no diretório Fotos da aplicação:

public class Handler1 : IHttpHandler
{
    public void ProcessRequest(HttpContext context)
    {
        String data = context.Request["data"].ToString();            
        String baseImg = Regex.Match(data, @"data:image/(?<type>.+?),(?<data>.+)").Groups["data"].Value;
        Byte[] baseBytes = Convert.FromBase64String(baseImg);
        System.IO.File.WriteAllBytes(context.Server.MapPath("~/Fotos/1-1.png") , baseBytes);            
        context.Response.ContentType = "text/plain";
        context.Response.Write("1");
    }

    public bool IsReusable
    {
        get
        {
            return false;
        }
    }
}

2) Web MVC:

Em Web MVC C# é bem mais prático no método Imagem criado no Controler Home faz o recebimento e as conversões necessárias gravando a imagem em um pasta no servidor (no caso na pasta Fotos).

View

@{
    ViewBag.Title = "Index";
    Layout = "~/Views/Shared/_Layout.cshtml";
}
<h2>Index - MVC</h2>
<h4>WEB MVC C#</h4>
<script src="~/Scripts/jquery-1.8.2.js"></script>
<script src="~/Scripts/html2canvas.js"></script>
<script type="text/javascript">
        CopyBitmap = function () {
            html2canvas(document.body, {
                onrendered: function (canvas) {
                    var dataUrl = canvas.toDataURL();
                    $.post('/Home/Imagem', { 'data': dataUrl }, function (data) {
                        if (data == "1") {
                            alert('Imagem enviada com sucesso');
                        }
                    });
                }
            });
        };
  </script>
<button type="button" onclick="CopyBitmap();">Copiar</button>

Action:

public ActionResult Index()
{
    return View();
}
[HttpPost]
public JsonResult Imagem(String data)
{           
    String baseImg = Regex.Match(data, @"data:image/(?<type>.+?),(?<data>.+)").Groups["data"].Value;
    Byte[] baseBytes = Convert.FromBase64String(baseImg);
    System.IO.File.WriteAllBytes(Server.MapPath("~/Fotos/1-2-3.png"), baseBytes);
    return Json("1");
}
3
  • 1
    50 pontos para Grifinória Muito obrigado Harry! Commented 29/05/2014 às 13:26
  • Essa foi boa ri muito @FlávioSantana, vlw.
    – user6026
    Commented 29/05/2014 às 13:29
  • Como faço pra salvar na área de trabalho do usuário
    – hard123
    Commented 19/05/2016 às 17:37

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .