É possível tirar um print screen da página ativa de meu sistema web e salvar essa imagem em algum lugar utilizando c#?
-
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.– Flávio SantanaCommented 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
-
2Acabei de ver isto pt.stackoverflow.com/questions/7229/…– Maniero ♦Commented 28/05/2014 às 20:23
-
2Sim, é possível. Próximo!– Oralista de SistemasCommented 28/05/2014 às 20:47
Adicione um comentário
|
1 Resposta
É 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");
}
-
1
-
Essa foi boa ri muito @FlávioSantana, vlw.– user6026Commented 29/05/2014 às 13:29
-