网页上传图片判断类型检测大小剪切图片ASP.NET版本

$(function () {$(&＃39;#fileToUpload&＃39;).uploadify({&＃39;progressData&＃39;: &＃39;speed&＃39;,&＃39;multi&＃39;: false,&＃39;method&＃39;: &＃39;post&＃39;,&＃39;queueID&＃39;: &＃39;some_file_queue&＃39;,&＃39;fileSizeLimit&＃39;: &＃39;1000k&＃39;,&＃39;fileTypeDesc&＃39;: &＃39;Image Files&＃39;,&＃39;fileTypeExts&＃39;: &＃39;*.gif; *.jpg; *.png&＃39;,&＃39;swf&＃39;: &＃39;/Content/swf/uploadify.swf&＃39;,&＃39;uploader&＃39;: &＃39;/User/UploadImg&＃39;,&＃39;onUploadStart&＃39;: function (file) {$(&＃39;#fileToUpload&＃39;).uploadify(&＃39;disable&＃39;, true)}, &＃39;onUploadComplete&＃39;: function (file) {$(&＃39;#fileToUpload&＃39;).uploadify(&＃39;disable&＃39;, false)}, &＃39;onUploadSuccess&＃39;: function (file, data, response) {$(&＃39;#fileToUpload&＃39;).uploadify(&＃39;disable&＃39;, false)$("#PreviewImg").attr("src", "/Content/TempImg/" &＃43; data);$("#PreviewImg").attr("data-value", data);}// Put your options here
});$(&＃39;#PreviewImg&＃39;).imgAreaSelect({handles: true,onSelectEnd: preview});$("#savebtn").click(function () {$.ajax({url: "/User/SaveHeaderImg?fileName&＃61;" &＃43; $("#preview_img").attr("src"),dataType: "text",success: function (json) {$("#tiebaSaveOkMsg").attr("style", "font-size: 110%; font-weight: bold; padding-left: 0.1em;display: block;");$("#savebtn_swap").attr("style", "display:none");}});});
});function preview(img, selection) {if (!selection.width || !selection.height)return;var previewImg &＃61; $("#PreviewImg").attr("src");if (&＃39;/Content/Header/defaut.png&＃39; &＃61;&＃61; previewImg) return;$.ajax({url: "/User/CutoutImg?fileName&＃61;" &＃43; previewImg &＃43; "&top&＃61;" &＃43; selection.y1 &＃43; "&left&＃61;" &＃43; selection.x1 &＃43; "&width&＃61;" &＃43; selection.width &＃43; "&height&＃61;" &＃43; selection.height,dataType: "text",success: function (json) {$("#preview_img").attr("src", "/Content/TempImg/" &＃43; json);$("#savebtn_swap").attr("style", "display:block;text-align:center; ");$("#tiebaSaveOkMsg").attr("style", "display:none");}});
}

&＃64;{ViewBag.Title &＃61; "HeaderImgPage";Layout &＃61; null;
}
<link rel&＃61;"stylesheet" type&＃61;"text/css" href&＃61;"&＃64;Url.Content("~/Content/css/uploadify.css")">
<link rel&＃61;"stylesheet" type&＃61;"text/css" href&＃61;"&＃64;Url.Content("~/Content/css/imgareaselect-animated.css")">
<link rel&＃61;"stylesheet" type&＃61;"text/css" href&＃61;"&＃64;Url.Content("~/Content/css/imgareaselect-default.css")">
<link rel&＃61;"stylesheet" type&＃61;"text/css" href&＃61;"&＃64;Url.Content("~/Content/css/imgareaselect-deprecated.css")">
<script src&＃61;"&＃64;Url.Content("~/Scripts/jquery-1.5.1.js ")" type&＃61;"text/Javascript">script>
<script src&＃61;"&＃64;Url.Content("~/Scripts/js/ImgUpload.js")" type&＃61;"text/Javascript">script>
<script src&＃61;"&＃64;Url.Content("~/Scripts/js/jquery.uploadify.min.js")" type&＃61;"text/Javascript">script>
<script src&＃61;"&＃64;Url.Content("~/Scripts/js/jquery.imgareaselect.min.js")" type&＃61;"text/Javascript">script>
<style type&＃61;"text/css">body {background:#fff;}
style>
<div class&＃61;"container-box"><p style&＃61;"font-size: 110%; font-weight: bold; padding-left: 0.1em;">1、择一张图片p><div ><div style&＃61;" float:left; height:50px"><input type&＃61;"file" id&＃61;"fileToUpload" name&＃61;"fileToUpload" />div><div id&＃61;"some_file_queue" style&＃61;" float:left;height:50px; width:300px; margin-left:30px; ">div> div><div style&＃61;"float: left; clear:both;"><p style&＃61;"font-size: 110%; font-weight: bold; padding-left: 0.1em;">2、点击鼠标拖动相框截取图像p><div class&＃61;"frame" style&＃61;"margin: 0 0.3em; width: 300px; height: 300px;"><img id&＃61;"PreviewImg" src&＃61;"/Content/defaut.png" style&＃61;"width: 300px; height: 300px;">div>div><div style&＃61;"float: left;"><p style&＃61;"font-size: 110%; font-weight: bold; padding-left: 0.1em;">3、预览截取的图像&＃xff0c;点击保存。p><div style&＃61;"text-align:center"><div class&＃61;"frame" style&＃61;"margin: 0 auto; width: 100px; height: 100px;"><img id&＃61;"preview_img" src&＃61;"/Content/defaut.png" style&＃61;"width: 100px; height: 100px;">div>div><div id&＃61;"savebtn_swap" style&＃61;"text-align:center; display:none"><div style&＃61;"margin: 20 auto 0 auto; width:70px;"><input type&＃61;"submit" id&＃61;"savebtn" class&＃61;"setting-submit-btn setting-submit-ml100" value&＃61;"保存">div>div><div class&＃61;"save-ok" style&＃61;"font-size: 110%;text-align:center; font-weight: bold; padding-left: 0.1em;display: none;" id&＃61;"tiebaSaveOkMsg" ><div style&＃61;"margin: 20 auto 0 auto; width:90px;"><p>保存成功p>div>div>div>
div>

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.Mvc;
using System.IO;
using System.Drawing;namespace ImgUpload.Controllers
{public class HomeController : Controller{//// GET: /Home/public ActionResult Index(){return View();}public ActionResult ImgUpload(){return View();}///

/// 上传图片接口 上传头像使用///

///
[HttpPost]public String UploadImg(){HttpPostedFileBase postedFile_pic &＃61; Request.Files["Filedata"];//获取上传信息对象 if (postedFile_pic !&＃61; null && postedFile_pic.ContentLength !&＃61; 0){String PicFilePath &＃61; postedFile_pic.FileName;//获取上传的文件路径 String PicName &＃61; Path.GetFileNameWithoutExtension(postedFile_pic.FileName);//获取文件名String SavePath &＃61; Server.MapPath("/Content/TempImg/");String PicExtension &＃61; PicFilePath.Substring(PicFilePath.LastIndexOf(&＃39;.&＃39;));//获取拓展名//构造随机名称String Photo &＃61; PicName &＃43; "_" &＃43; DateTime.Now.Ticks &＃43; PicExtension;postedFile_pic.SaveAs(SavePath &＃43; Photo);//规格化System.Drawing.Image image &＃61; System.Drawing.Image.FromFile(SavePath &＃43; Photo);//接着创建一个System.Drawing.Bitmap对象&＃xff0c;并设置你希望的缩略图的宽度和高度。int srcWidth &＃61; image.Width;int srcHeight &＃61; image.Height;Bitmap bmp &＃61; new Bitmap(300, 300);//从Bitmap创建一个System.Drawing.Graphics对象&＃xff0c;用来绘制高质量的缩小图。System.Drawing.Graphics gr &＃61; System.Drawing.Graphics.FromImage(bmp);//设置 System.Drawing.Graphics对象的SmoothingMode属性为HighQualitygr.SmoothingMode &＃61; System.Drawing.Drawing2D.SmoothingMode.HighQuality;//下面这个也设成高质量gr.CompositingQuality &＃61; System.Drawing.Drawing2D.CompositingQuality.HighQuality;//下面这个设成Highgr.InterpolationMode &＃61; System.Drawing.Drawing2D.InterpolationMode.High;//把原始图像绘制成上面所设置宽高的缩小图System.Drawing.Rectangle rectDestination &＃61; new System.Drawing.Rectangle(0, 0, 300, 300);gr.DrawImage(image, rectDestination, 0, 0, srcWidth, srcHeight, GraphicsUnit.Pixel);String NewPhoto &＃61; "__" &＃43; PicName &＃43; "_" &＃43; DateTime.Now.Ticks &＃43; PicExtension;bmp.Save(SavePath &＃43; NewPhoto);bmp.Dispose();image.Dispose();FileInfo fi &＃61; new FileInfo(SavePath &＃43; Photo);fi.Delete();return NewPhoto;}return "Invalid file type";}///

/// 裁剪图片///

/// /// /// /// /// /// public String CutoutImg(String fileName, int top, int left, int width, int height){String PicExtension &＃61; fileName.Substring(fileName.LastIndexOf(&＃39;.&＃39;));//获取拓展名String Photo &＃61; "__" &＃43; DateTime.Now.Ticks &＃43; PicExtension;String RootPath &＃61; Server.MapPath("/");String HeaderImgPath &＃61; Server.MapPath("/Content/TempImg/");Bitmap bmp &＃61; new Bitmap(RootPath &＃43; fileName);Rectangle rect &＃61; new Rectangle(left, top, width, height);Bitmap tempBitmap &＃61; bmp.Clone(rect, bmp.PixelFormat);tempBitmap.Save(HeaderImgPath &＃43; Photo);bmp.Dispose();tempBitmap.Dispose();return Photo;}public String SaveHeaderImg(String fileName){String RootPath &＃61; Server.MapPath("/");String PicExtension &＃61; fileName.Substring(fileName.LastIndexOf(&＃39;.&＃39;));String NewName &＃61; "__" &＃43; DateTime.Now.Ticks &＃43; PicExtension;String HeaderImgPath &＃61; Server.MapPath("/Content/Header/");FileInfo fi &＃61; new FileInfo(RootPath &＃43; fileName);fi.MoveTo(HeaderImgPath &＃43; NewName);return "";}}
}