resize crop and image

I have a system here to upload an image and crop it using asp.net. When I save the cropped image, It won't resize and stay as the original. How do I resize the picture?

This is my code.

Default.aspx

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="resizepic.aspx.cs" Inherits="WebApplication.resizepic" %>
"-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
"http://www.w3.org/1999/xhtml">
"server">
"css/jquery.Jcrop.css" rel="stylesheet" type="text/css" />
"text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js">
"script/jquery.Jcrop.js" type="text/javascript">
"text/javascript" >
$(window).load(function () {
var jcrop_api;
var i, ac;
initJcrop();
function initJcrop() {
jcrop_api = $.Jcrop('#imgCrop', {
onSelect: storeCoords,
onChange: storeCoords//, onSelect: storeCoords(c)
});
jcrop_api.setOptions({ aspectRatio: 1 / 1 });
jcrop_api.setOptions({
minSize: [250, 250],
maxSize: [250, 350]
//,onSelect: storeCoords(c)
//onChange: SetCoordinates,
// onSelect: SetCoordinates
});
jcrop_api.setSelect([140, 180, 160, 180]);
};
function storeCoords(c) {
jQuery('#X').val(c.x);
jQuery('#Y').val(c.y);
jQuery('#W').val(c.w);
jQuery('#H').val(c.h);
};
});
"form1" runat="server">
"pnlUpload" runat="server">
"Upload" runat="server" />
"btnUpload" runat="server" OnClick="btnUpload_Click" Text="Upload" />
"lblError" runat="server" Visible="false" />
"pnlCrop" runat="server" Visible="false" style="width:250px;height:auto" >
"imgCrop" runat="server" />
"X" runat="server" />
"Y" runat="server" />
"W" runat="server" />
"H" runat="server" />
"pnlCropped" runat="server" Visible="false">
"imgCropped" runat="server" />
"btnCrop" runat="server" Text="Crop" OnClick="btnCrop_Click" />

Default.aspx.cs

protected void Page_Load(object sender, EventArgs e)
{
}
protected void btnUpload_Click(object sender, EventArgs e)
{
Boolean FileOK = false;
Boolean FileSaved = false;
if (Upload.HasFile)
{
Session["UploadImage"] = Upload.FileName;
String ExtensionofImage = Path.GetExtension(Session["UploadImage"].ToString()).ToLower();
String[] allowed = { ".png", ".jpeg", ".jpg", ".gif" };
for (int i = 0; i < allowed.Length; i++)
{
if (ExtensionofImage == allowed[i])
{
FileOK = true;
}
}
}
if (FileOK)
{
try
{
Upload.PostedFile.SaveAs(path + Session["UploadImage"]);
FileSaved = true;
}
catch (Exception ex)
{
lblError.Text = "Sorry Can't Upload" + ex.Message.ToString();
lblError.Visible = true;
FileSaved = false;
}
}
else
{
lblError.Text = "Select some Other Image";
lblError.Visible = true;
}
if (FileSaved)
{
pnlUpload.Visible = false;
pnlCrop.Visible = true;
imgCrop.ImageUrl = "images/" + Session["UploadImage"].ToString();
}
}
protected void btnCrop_Click(object sender, EventArgs e)
{
string Img = Session["UploadImage"].ToString();
int w = Convert.ToInt32(W.Value);
int h = Convert.ToInt32(H.Value);
int x = Convert.ToInt32(X.Value);
int y = Convert.ToInt32(Y.Value);
byte[] CropImage = Cut(path + Img, w, h, x, y);
using (MemoryStream mem = new MemoryStream(CropImage, 0, CropImage.Length))
{
mem.Write(CropImage, 0, CropImage.Length);
using (SD.Image CroppedImage = SD.Image.FromStream(mem, true))
{
string SaveTo = path + "crop" + Img;
CroppedImage.Save(SaveTo, CroppedImage.RawFormat);
pnlCrop.Visible = false;
pnlCropped.Visible = true;
imgCropped.ImageUrl = "images/crop" + Img;
}
}
}
static byte[] Cut(string Img, int Breadth, int Length, int X, int Y)
{
try
{
using (SD.Image OriginalImage = SD.Image.FromFile(Img))
{
using (SD.Bitmap bmp = new SD.Bitmap(Breadth, Length))
{
bmp.SetResolution(OriginalImage.HorizontalResolution, OriginalImage.VerticalResolution);
using (SD.Graphics Graphic = SD.Graphics.FromImage(bmp))
{
Graphic.SmoothingMode = SmoothingMode.AntiAlias;
Graphic.InterpolationMode = InterpolationMode.HighQualityBicubic;
Graphic.PixelOffsetMode = PixelOffsetMode.HighQuality;
Graphic.DrawImage(OriginalImage, new SD.Rectangle(0, 0, Breadth, Length), X, Y, Breadth, Length, SD.GraphicsUnit.Pixel);
MemoryStream ms = new MemoryStream();
bmp.Save(ms, OriginalImage.RawFormat);
return ms.GetBuffer();
}
}
}
}
catch (Exception Ex)
{
throw (Ex);
}
}

plz help me..

If you are looking for a way to crop and resize the images in your ASP.NET application, the following thread contains useful information that can help:
https://stackoverflow.com/questions/8992619/how-to-crop-and-resize-image-in-one-step-in-net

Alternately, you can try using a specialized imaging SDK such as LEADTOOLS. For example, you can try resize your images to the desired size using the SizeCommand Class:
https://www.leadtools.com/help/leadtools/v20/dh/l/imageprocessing-sizecommand.html
Note that the toolkit also contains functions to crop the image before resizing it.

The following C# ASP.NET server side code shows how you can load your image, automatically crop it and then resize it to any width and height you want:

using (RasterCodecs codecs = new RasterCodecs())
{
MemoryStream MS = ReadImageData();
MS.Seek(0, SeekOrigin.Begin);
// Load an image
using (RasterImage LeadImage = codecs.Load(MS))
{
// Prepare the command
Leadtools.ImageProcessing.Core.AutoCropCommand _autoCrop = new Leadtools.ImageProcessing.Core.AutoCropCommand();
//AutoCrop the image with 20 tolerance.
_autoCrop.Threshold = 20;
_autoCrop.Run(LeadImage);
Leadtools.ImageProcessing.SizeCommand _sizeCommand = new Leadtools.ImageProcessing.SizeCommand();
_sizeCommand.Width = 800;
_sizeCommand.Height = 600;
_sizeCommand.Flags = RasterSizeFlags.Resample;
_sizeCommand.Run(LeadImage);
System.Drawing.Image MainImage = Leadtools.Drawing.RasterImageConverter.ConvertToImage(LeadImage, ConvertToImageOptions.None);
}
}

1 Reply

Know the answer? Post it — somebody with the same question will find it here.

Maen Badwan8y ago
If you are looking for a way to crop and resize the images in your ASP.NET application, the following thread contains useful information that can help:
https://stackoverflow.com/questions/8992619/how-to-crop-and-resize-image-in-one-step-in-net

Alternately, you can try using a specialized imaging SDK such as LEADTOOLS. For example, you can try resize your images to the desired size using the SizeCommand Class:
https://www.leadtools.com/help/leadtools/v20/dh/l/imageprocessing-sizecommand.html
Note that the toolkit also contains functions to crop the image before resizing it.

The following C# ASP.NET server side code shows how you can load your image, automatically crop it and then resize it to any width and height you want:
using (RasterCodecs codecs = new RasterCodecs())
{
   MemoryStream MS = ReadImageData();
   MS.Seek(0, SeekOrigin.Begin);

   // Load an image
   using (RasterImage LeadImage = codecs.Load(MS))
   {
      // Prepare the command
      Leadtools.ImageProcessing.Core.AutoCropCommand _autoCrop = new Leadtools.ImageProcessing.Core.AutoCropCommand();
      //AutoCrop the image with 20 tolerance.
      _autoCrop.Threshold = 20;
      _autoCrop.Run(LeadImage);

      Leadtools.ImageProcessing.SizeCommand _sizeCommand = new Leadtools.ImageProcessing.SizeCommand();
      _sizeCommand.Width = 800;
      _sizeCommand.Height = 600;
      _sizeCommand.Flags = RasterSizeFlags.Resample;
      _sizeCommand.Run(LeadImage);

      System.Drawing.Image MainImage = Leadtools.Drawing.RasterImageConverter.ConvertToImage(LeadImage, ConvertToImageOptions.None);
   }
}