1  var swfu;
 2         window.onload = function () {
 3             swfu = new SWFUpload({
 4                 // Backend Settings
 5                 upload_url: "/Image/upload", //提交上传的url
 6                 post_params: {
 7                     "ASPSESSID": "@Session.SessionID" //SessionID很重要，如果没有SessionID将无法上传，并且加载页面时Button都不会显示
 8                 },
 9                 // 上传文件设置
10                 file_size_limit: "2 MB", //大小
11                 file_types: "*.jpg",//格式
12                 file_types_description: "JPG Images",
13                 file_upload_limit: 0,    // Zero means unlimited
14                 //一系列事件 默认事件在Handler.js文件内
15                 swfupload_preload_handler: preLoad,
16                 swfupload_load_failed_handler: loadFailed,
17                 file_queue_error_handler: fileQueueError,
18                 file_dialog_complete_handler: fileDialogComplete,
19                 upload_progress_handler: uploadProgress,//上传过程
20                 upload_error_handler: uploadError,//上传异常
21                 upload_success_handler: cutImage, //上传成功
22                 upload_complete_handler: uploadComplete,
23                 // Button样式相关设置
24                 button_image_url: '@Url.Content("~/Content/js/swfuploadv250/images/XPButtonNoText_160x22.png")',
25                 button_placeholder_id: "spanButtonPlaceholder",//Button按钮ID
26                 button_width: 160,
27                 button_height: 22,
28                 button_text: '<span class="button">上传图片 <span class="buttonSmall">(2 MB Max)</span></span>',
29                 button_text_style: '.button { font-family: Helvetica, Arial, sans-serif;color:red; font-size: 14pt; } .buttonSmall { font-size: 10pt; }',
30                 button_text_top_padding: 1,
31                 button_text_left_padding: 5,
32                 // Flash文件(swfupload.swf) 路径设置
33                 flash_url: '@Url.Content("~/Content/js/swfuploadv250/swfupload.swf")',
34                 flash9_url: '@Url.Content("~/Content/js/swfuploadv250/swfupload_fp9.swf")',
35                 custom_settings: {
36                     upload_target: "divFileProgressContainer"  //展示信息框 的id
37                 },
38                 // 是否开启调试
39                 debug: false
40             });

 1  //截图图片
 2             $("#btnCut").click(function () {
 3                 var $cut = $("#divCut");
 4                 var $divImg = $("#divImg");
 5                 var x = $cut.offset().left-$divImg.offset().left; //横坐标
 6                 var y = $cut.offset().top-$divImg.offset().left;//纵坐标
 7                 var width = $cut.width();//宽度
 8                 var height = $cut.height();//高度
 9                 //发送数据到服务端
10                 $.post("/Image/ImageCut", { "x": parseInt(x), "y": parseInt(y), "width": parseInt(width), "height": parseInt(height), "imgUrl": imgUrl },
11                     function (data) {
12
13                         $("#divImg").hide();
14                         $("#cutImg").attr("src", data);
15                     })
16             })

服务端代码

 1 public ActionResult ImageCut(FormCollection form)
 2         {
 3             //1:接受参数
 4             int x = int.Parse(form["x"]);
 5             int y = int.Parse(form["y"]);
 6             int width = int.Parse(form["width"]);
 7             int height = int.Parse(form["height"]);
 8             string imgUrl = form["imgUrl"];
 9             string imgPath = string.Empty;
10             using (Bitmap map = new Bitmap(width, height))//创建图片的大小与要截取图像的大小一致
11             {
12                 using (Graphics g = Graphics.FromImage(map))
13                 {
14                     //将之前上传的图片转成Image
15                     using (Image img = Image.FromFile(Request.MapPath(imgUrl)))
16                     {
17                                                 // 操作的图，    要画大小，   画哪一块， 度量单位
18                         g.DrawImage(img, new Rectangle(0, 0, width, height), new Rectangle(x, y, width, height), GraphicsUnit.Pixel);
19                         imgPath = "../Images/cuttemp.jpg";
20                         map.Save(Request.MapPath(imgPath));//将BitMap保存
21                     }
22                 }
23             }
24             return Content(imgPath);
25         }