Cropping and Saving Image to Web Page Programmatically Using System.Drawing


In this article we are going to see how to crop and save the image to the web programmatically.

Saving Mechanism:


Step 1: The namespaces used:

using System.Drawing;
using System.Drawing.Imaging;
using System.Web;

Step 2: Usage:

protected void Page_Load(object sender, EventArgs e)
{
   SaveImageTOBrowser();
}

Step 3: Saving image to browser:

public void SaveImageTOBrowser()
{
    //Set the Local image
    Bitmap bitmap = new Bitmap(Server.MapPath("scenary.jpg"));
 
    //Get the current response
    HttpResponse response = GetHttpResponse(); 

    //Set the ContentType
    response.ContentType = "image/jpeg";
 
    //Saving Bitmap Image to
    bitmap.Save(response.OutputStream, ImageFormat.Jpeg);
}

Step 4: Getting current response:

public static HttpResponse GetHttpResponse()
{
    return HttpContext.Current.Response;
}

Step 5: Full Code Snippet:

using System;
using System.Drawing;
using System.Drawing.Imaging;
using System.Web;
 
namespace SampleApplication
{
    public partial class DrawingManupulation : System.Web.UI.Page
    {
        protected void Page_Load(object sender, EventArgs e)
        {
            SaveImageTOBrowser();
        } 
        //Save Image to Browser
        public void SaveImageTOBrowser()
        {
            //Set the Local image
            Bitmap bitmap = new Bitmap(Server.MapPath("scenary.jpg"));
 
            //Get the current response
            HttpResponse response = GetHttpResponse();
 
            //Set the ContentType
            response.ContentType = "image/jpeg"
          
            //Saving Bitmap Image to
            bitmap.Save(response.OutputStream, ImageFormat.Jpeg);
        } 
        //USed to get the current response.
        public static HttpResponse GetHttpResponse()
        {
            return HttpContext.Current.Response;
        } 
    }
}

Output:

imagecrop1.gif

Cropping and Saving Mechanism

Step 1: The namespaces used:

using System.Drawing;
using System.Drawing.Imaging;
using System.Web;

Step 2: Usage:

protected void Page_Load(object sender, EventArgs e)
{
    SaveCroppedImageTOBrowser();
}

Step 3: Saving image to browser:

//CROP Image to Browser
public void SaveCroppedImageTOBrowser()
{
    //Set the Local image
    Bitmap bitmap = new Bitmap(Server.MapPath("scenary.jpg")); 
    Bitmap croppedBitmap = CropBitmap(bitmap, 0, 0, 300, 200); 
    //Get the current response
    HttpResponse response = GetHttpResponse();
 
    //Set the ContentType
    response.ContentType = "image/jpeg";
 
    //Saving Bitmap Image to
    croppedBitmap.Save(response.OutputStream, ImageFormat.Jpeg);
}

Step 4: Getting current response:

public static HttpResponse GetHttpResponse()
{
    return HttpContext.Current.Response;
}

Step 5: Full Code Snippet:

using System;
using System.Drawing;
using System.Drawing.Imaging;
using System.Web; 
 
namespace SampleApplication
{
    public partial class DrawingManupulation : System.Web.UI.Page
    {
        protected void Page_Load(object sender, EventArgs e)
        {
            SaveCroppedImageTOBrowser();
        }
 
        //CROP Image to Browser
        public void SaveCroppedImageTOBrowser()
        {
            //Set the Local image
            Bitmap bitmap = new Bitmap(Server.MapPath("scenary.jpg")); 
            Bitmap croppedBitmap = CropBitmap(bitmap, 0, 0, 300, 200);
 
            //Get the current response
            HttpResponse response = GetHttpResponse();
 
            //Set the ContentType
            response.ContentType = "image/jpeg";
 
            //Saving Bitmap Image to
            croppedBitmap.Save(response.OutputStream, ImageFormat.Jpeg);
        }
 
        //USed to get the current response.
        public static HttpResponse GetHttpResponse()
        {
            return HttpContext.Current.Response;
        } 
        public Bitmap CropBitmap(Bitmap bitmap, int cropX, int cropY, int cropWidth, int cropHeight)
        {
            Rectangle rect = new Rectangle(cropX, cropY, cropWidth, cropHeight);
            Bitmap cropped = bitmap.Clone(rect, bitmap.PixelFormat);
            return cropped;
        }
    }
}


Original Image:

 imagecrop1.gif

Cropped Image:

imagecrop2.gif
Thanks for reading this article. Have a nice day.

Up Next
    Ebook Download
    View all
    Learn
    View all