<!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<script src="../js/jquery.min.js"></script>
<script src="../js/jquery.Jcrop.js"></script>
<script type="text/javascript">
jQuery(function ($) {
$(‘#imgCrop‘).Jcrop({
boxWidth: 450,
boxHeight: 400,
onSelect: getcroparea, // will tell the coordinates
minSize: [308, 308],
});
function getcroparea(c) {
jQuery(‘#X‘).val(c.x);
jQuery(‘#Y‘).val(c.y);
jQuery(‘#W‘).val(c.w);
jQuery(‘#H‘).val(c.h);
};
});
</script>
<link rel="stylesheet" href="demo_files/main.css" type="text/css" />
<link rel="stylesheet" href="demo_files/demos.css" type="text/css" />
<link rel="stylesheet" href="../css/jquery.Jcrop.css" type="text/css" />
</head>
<body>
<form id="form1" runat="server">
<div>
<!-- This is the image we‘re attaching Jcrop to -->
<img src="demo_files/sago.jpg" id="imgCrop" alt="[Jcrop Example]" />
<asp:Button ID="btnCrop" runat="server" Text="Crop" OnClick="btnCrop_Click" />
</div>
<asp:Image ID="imgUpload" runat="server" ImageUrl="demo_files/sago.jpg" />
<asp:HiddenField ID="X" runat="server" Value="22" />
<asp:HiddenField ID="Y" runat="server" Value="122" />
<asp:HiddenField ID="W" runat="server" Value="212"/>
<asp:HiddenField ID="H" runat="server" Value="22" />
</form>
</body>
</html>
protected void btnCrop_Click(object sender, EventArgs e)
{
// Crop Image Here & Save
string fileName = Path.GetFileName(imgUpload.ImageUrl);
string filePath = Path.Combine(Server.MapPath("~/UploadImages"), fileName);
string cropFileName = "";
string cropFilePath = "";
if (File.Exists(filePath))
{
System.Drawing.Image orgImg = System.Drawing.Image.FromFile(filePath);
Rectangle CropArea = new Rectangle(
Convert.ToInt32(X.Value),
Convert.ToInt32(Y.Value),
Convert.ToInt32(W.Value),
Convert.ToInt32(H.Value));
try
{
Bitmap bitMap = new Bitmap(CropArea.Width, CropArea.Height);
using (Graphics g = Graphics.FromImage(bitMap))
{
g.DrawImage(orgImg, new Rectangle(0, 0, bitMap.Width, bitMap.Height), CropArea, GraphicsUnit.Pixel);
}
cropFileName = "crop_" + fileName;
cropFilePath = Path.Combine(Server.MapPath("~/UploadImages"), cropFileName);
bitMap.Save(cropFilePath);
Response.Redirect("~/UploadImages/" + cropFileName, false);
}
catch (Exception ex)
{
throw;
}
}
}
http://forums.asp.net/t/1977993.aspx?Input+string+was+not+in+a+correct+format+when+i+upload+an+image
Hope it helps you.
http://forums.asp.net/t/1977993.aspx?Input+string+was+not+in+a+correct+format+when+i+upload+an+image
截图Rectangle contructor with double type perameters with Jcrop
for crop image