Capture Screenshot (Snapshot) Image of Website (Web Page) with Download and Send Email option in ASP.Net using C# and VB.Net

Ref

http://www.aspsnippets.com/Articles/Capture-Screenshot-Snapshot-Image-of-Website-Web-Page-in-ASPNet-using-C-and-VBNet.aspx

HTML

<asp:TextBox ID="txtUrl" runat="server" Text="" />
<asp:Button Text="Capture" runat="server" OnClick="Capture" />
<br />
<asp:Image ID="imgScreenShot" runat="server" Height="500" Width="700" Visible="false" />
<br />
<asp:Button Text="Download Image" OnClick="DownLoadImage" runat="server" />
<asp:Button Text="Send Email" OnClick="SendEmail" runat="server" />

Namespaces

using System.IO;
using System.Drawing;
using System.Threading;
using System.Windows.Forms;
using System.Net.Mail;
using System.Net;

C#

protected void Capture(object sender, EventArgs e)
{
    string url = txtUrl.Text.Trim();
    Thread thread = new Thread(delegate()
    {
        using (WebBrowser browser = new WebBrowser())
        {
            browser.ScrollBarsEnabled = false;
            browser.AllowNavigation = true;
            browser.Navigate(url);
            browser.Width = 1024;
            browser.Height = 768;
            browser.DocumentCompleted += new WebBrowserDocumentCompletedEventHandler(DocumentCompleted);
            while (browser.ReadyState != WebBrowserReadyState.Complete)
            {
                System.Windows.Forms.Application.DoEvents();
            }
        }
    });
    thread.SetApartmentState(ApartmentState.STA);
    thread.Start();
    thread.Join();
}

private void DocumentCompleted(object sender, WebBrowserDocumentCompletedEventArgs e)
{
    WebBrowser browser = sender as WebBrowser;
    using (Bitmap bitmap = new Bitmap(browser.Width, browser.Height))
    {
        browser.DrawToBitmap(bitmap, new Rectangle(0, 0, browser.Width, browser.Height));
        using (MemoryStream stream = new MemoryStream())
        {
            bitmap.Save(stream, System.Drawing.Imaging.ImageFormat.Png);
            byte[] bytes = stream.ToArray();
            imgScreenShot.Visible = true;
            imgScreenShot.ImageUrl = "data:image/png;base64," + Convert.ToBase64String(bytes);
        }
    }
}

// Downloading the image
protected void DownLoadImage(object sender, EventArgs e)
{
    byte[] bytes = Convert.FromBase64String(imgScreenShot.ImageUrl.Split(',')[1]);
    Response.Clear();
    Response.Buffer = true;
    Response.Charset = "";
    Response.Cache.SetCacheability(HttpCacheability.NoCache);
    Response.ContentType = "image/png";
    Response.AppendHeader("Content-Disposition", "attachment; filename=" + "abc.png");
    Response.BinaryWrite(bytes);
    Response.Flush();
    Response.End();
}

//Send the image as attachment
protected void SendEmail(object sender, EventArgs e)
{
    using (MailMessage mm = new MailMessage("From@email.com", "To@email.com"))
    {
        mm.Subject = "";
        mm.Body = "";
        MemoryStream memoryStream = new MemoryStream();
        byte[] contentAsBytes = Convert.FromBase64String(this.imgScreenShot.ImageUrl.Split(',')[1]);
        memoryStream.Write(contentAsBytes, 0, contentAsBytes.Length);
        // Set the position to the beginning of the stream.
        memoryStream.Seek(0, SeekOrigin.Begin);
        Attachment attachment = new Attachment(memoryStream, "image/png");
        mm.IsBodyHtml = false;
        SmtpClient smtp = new SmtpClient();
        smtp.Host = "smtp.gmail.com";
        smtp.EnableSsl = true;
        NetworkCredential NetworkCred = new NetworkCredential("UserName@123.com", "Password");
        smtp.UseDefaultCredentials = true;
        smtp.Credentials = NetworkCred;
        smtp.Port = 587;
        smtp.Send(mm);
        ClientScript.RegisterStartupScript(GetType(), "alert", "alert('Email sent.');", true);
    }
}

Image Email sending is not tested. Please check it.

This is to add two more functions: (on the fly from MemoryStream)

1- DOWNLOAD image: Browser will be forced to open "Save As" dialog box.

2- EMAIL image: Both in body and attachment.

The Image is the one produced by Capture ScreenShot article written by Mr. Mudassar:

Ref: http://www.aspsnippets.com/Articles/Capture-Screenshot-Snapshot-Image-of-Website-Web-Page-in-ASPNet-using-C-and-VBNet.aspx

HTML

<form id="form1" runat="server">
    <asp:TextBox ID="txtUrl" runat="server" Text="" />
    <asp:Button ID="Button1" Text="Capture" runat="server" OnClick="Capture" />
    <br />
    <asp:Image ID="imgScreenShot" runat="server" Height="500" Width="700" Visible="false" />
    <br />
    <asp:Button Id="btn_Download" Text="Download Image" runat="server" />
    <asp:Button ID="btn_SendEmail" Text="Send Email" runat="server" />

Namespaces

Imports System
Imports System.Linq
Imports System.Web
Imports System.IO
Imports System.Drawing
Imports System.Threading
Imports System.Windows.Forms
Imports System.Net.Mail
Imports System.Net
Imports System.Net.Mime

VB

 Protected Sub btn_Download_Click(sender As Object, e As EventArgs) Handles btn_Download.Click
        Dim bytes As Byte() = Convert.FromBase64String(imgScreenShot.ImageUrl.Split(",")(1))
        Response.Clear()
        Response.Buffer = True
        Response.Charset = ""
        Response.Cache.SetCacheability(HttpCacheability.NoCache)
        Response.ContentType = "image/png"
        Response.AppendHeader("Content-Disposition", "attachment; filename=" + "abc.png")
        Response.BinaryWrite(bytes)
        Response.Flush()
        Response.End()
    End Sub

Protected Sub btn_SendEmail_Click(sender As Object, e As EventArgs) Handles btn_SendEmail.Click

        Using mm As New MailMessage("from@YourDomain.com", "to@RecipientDomain.com")

            'Image:
            Dim contentAsBytes As Byte() = Convert.FromBase64String(imgScreenShot.ImageUrl.Split(",")(1))

            'Memory:
            Dim msToBody As New MemoryStream()
            msToBody.Write(contentAsBytes, 0, contentAsBytes.Length)
            msToBody.Seek(0, SeekOrigin.Begin) 'Set the position to the beginning of the stream.

            'Email
            mm.Subject = "The image"
            Dim emailBody As String = "<html><body><br /><img src='cid:MudassarScreenShot' width='1024px' height='768px'></body></html>"

            'Email image as html Body:
            Dim htmlView As AlternateView = AlternateView.CreateAlternateViewFromString(emailBody, Nothing, "text/html")
            Dim imageResource As New LinkedResource(msToBody, "image/png")
            imageResource.TransferEncoding = Mime.TransferEncoding.Base64
            imageResource.ContentId = "MudassarScreenShot"
            htmlView.LinkedResources.Add(imageResource)
            mm.AlternateViews.Add(htmlView)

            'Email image as Attachment: (we'll need to stream again!)
            Dim msToAttachment As New MemoryStream()
            msToAttachment.Write(contentAsBytes, 0, contentAsBytes.Length)
            msToAttachment.Seek(0, SeekOrigin.Begin)
            Dim ct As ContentType = New ContentType(MediaTypeNames.Application.Octet)
            ct.Name = "abc.png"
            Dim attachment As Attachment = New Attachment(msToAttachment, ct)
            mm.Attachments.Add(attachment)

            'Sending
            Dim smtp As SmtpClient = New SmtpClient("smtp.YourDomain.com")
            Dim myCredentials As NetworkCredential = New NetworkCredential("AuthUser@YourDomain.com", "password")
            smtp.Credentials = myCredentials
            smtp.Send(mm)

            'Dispose:
            imageResource.Dispose()

            'Feedback
            ClientScript.RegisterStartupScript(GetType(String), "alert", "alert('Email sent.');", True)

        End Using
End Sub

Namespaces

using System.IO;
using System.Drawing;
using System.Threading;
using System.Windows.Forms;
using System.Net.Mail;
using System.Net;
using System.Net.Mime;

 C#

// Downloading the image
protected void DownLoadImage(object sender, EventArgs e)
{
    byte[] bytes = Convert.FromBase64String(imgScreenShot.ImageUrl.Split(',')[1]);
    Response.Clear();
    Response.Buffer = true;
    Response.Charset = "";
    Response.Cache.SetCacheability(HttpCacheability.NoCache);
    Response.ContentType = "image/png";
    Response.AppendHeader("Content-Disposition", "attachment; filename=" + "abc.png");
    Response.BinaryWrite(bytes);
    Response.Flush();
    Response.End();
}

//Send the image as attachment
protected void SendEmail(object sender, EventArgs e)
{
    using (MailMessage mm = new MailMessage("from@YourDomain.com", "to@RecipientDomain.com"))
    {
        //Image:
        byte[] contentAsBytes = Convert.FromBase64String(imgScreenShot.ImageUrl.Split(',')[1]);

        //Memory:
        MemoryStream msToBody = new MemoryStream();
        msToBody.Write(contentAsBytes, 0, contentAsBytes.Length);
        msToBody.Seek(0, SeekOrigin.Begin);
        //Set the position to the beginning of the stream.

        //Email
        mm.Subject = "The image";
        string emailBody = "<html><body><br /><img src='cid:MudassarScreenShot' width='1024px' height='768px'></body></html>";

        //Email image as html Body:
        AlternateView htmlView = AlternateView.CreateAlternateViewFromString(emailBody, null, "text/html");
        LinkedResource imageResource = new LinkedResource(msToBody, "image/png");
        imageResource.TransferEncoding = System.Net.Mime.TransferEncoding.Base64;
        imageResource.ContentId = "MudassarScreenShot";
        htmlView.LinkedResources.Add(imageResource);
        mm.AlternateViews.Add(htmlView);

        //Email image as Attachment: (we'll need to stream again!)
        MemoryStream msToAttachment = new MemoryStream();
        msToAttachment.Write(contentAsBytes, 0, contentAsBytes.Length);
        msToAttachment.Seek(0, SeekOrigin.Begin);
        ContentType ct = new ContentType(MediaTypeNames.Application.Octet);
        ct.Name = "abc.png";
        Attachment attachment = new Attachment(msToAttachment, ct);
        mm.Attachments.Add(attachment);

        //Sending
        SmtpClient smtp = new SmtpClient("smtp.YourDomain.com");
        NetworkCredential myCredentials = new NetworkCredential("AuthUser@YourDomain.com", "password");
        smtp.Credentials = myCredentials;
        smtp.Send(mm);

        //Dispose:
        imageResource.Dispose();

        //Feedback
        ClientScript.RegisterStartupScript(typeof(string), "alert", "alert('Email sent.');", true);

    }

}

Acknowledgement:

To Mr. Mudassar Ahmad Khan: Thank you for writing the great article referenced above.

To Mr. Azim: Thank you for your contribution on this thread. Giving the code necessary for DOWNLOAD button. And helping me figuring out the MemoryStream issue that led me to develop the rest of the answer.

Regards;

MDarwish