码迷,mamicode.com
首页 > Web开发 > 详细

ASP.NET MVC中使用uploadify上传图片并按照规定大小压缩图片

时间:2014-11-25 12:40:11      阅读:1905      评论:0      收藏:0      [点我收藏+]

标签:des   style   blog   http   io   ar   color   os   使用   

 $(document).ready(function () {         
            $(#uploadify).uploadify({
                onUploadSuccess: function (file, returndata, response) {
                    var data = eval(( + returndata + ));
                    if (response == true && data.Success == true) {
                        $("input[name=BACKIMG]").attr("value", data.FileName);//data.FileName为图片保存路径
                        $(#mainForm).submit();
                    } else {
                        alert(data.Message);
                    }
                },
                height: 20,
                width: 35,
                uploadLimit: 1,
                queueSizeLimit: 1,
                queueID: fileQueue,              
                removeCompleted: false,
                auto: false,
                multi: false,
                buttonText: 浏览图片,
                swf: @Url.Content("~/Scripts/uploadify/uploadify.swf"),
                uploader: @Url.Content("~/Scripts/uploadify/UploadAttach.ashx")
            });

将图片上传到服务器的方法为UploadAttach.ashx

 /// <summary>
    /// UploadAttach 的摘要说明
    /// </summary>
    public class UploadAttach : IHttpHandler
    {

        public void ProcessRequest(HttpContext context)
        {
            HttpPostedFile fileData = context.Request.Files["fileData"];
            string floder = context.Request["floder"];
            if (fileData != null)
            {
                try
                {
                    // 文件上传后的保存路径
                    string path = "~/img/";                  
                    string filePath = context.Server.MapPath(path);
                    if (!Directory.Exists(filePath))
                    {
                        Directory.CreateDirectory(filePath);
                    }
                    string saveFileName = Guid.NewGuid().ToString() + fileData.FileName;
                
                    string newFilePath = filePath + saveFileName;
                    fileData.SaveAs(newFilePath);

                    //图片裁切
                    var thumbFilePath = newFilePath.Replace(Path.GetExtension(newFilePath),
                                                            ".thumb" + Path.GetExtension(newFilePath));
                    ImageKit.MakeCenterThumbnail(newFilePath, thumbFilePath, 1602, 400);
                    if (File.Exists(newFilePath))
                    {
                        File.Delete(newFilePath);
                    }
                    context.Response.Write("{‘Success‘:‘true‘,‘FileName‘:‘" + saveFileName.Replace(".", ".thumb.") + "‘}");
                }
                catch (Exception ex)
                {
                    context.Response.Write("{‘Success‘:‘false‘,‘Message‘:‘"+ex.Message+"‘}");
                }
            }
            else
            {
                context.Response.Write("{‘Success‘:‘false‘,‘Message‘:‘请选择要上传的文件‘}");
            }
        }

        public bool IsReusable
        {
            get
            {
                return false;
            }
        }
    }

图片裁剪压缩的方法

 public static class ImageKit
    {
          public static bool MakeCenterThumbnail(string origPath, string destPath, int width, int height)
        {
            try
            {
                using (Image image = Image.FromFile(origPath))
                {
                    int originalWidth = image.Width;
                    int originalHeight = image.Height;
                    double ratio = Math.Max((originalWidth / (double)width < originalHeight / (double)height)
                                        ? originalWidth / (double)width
                                        : originalHeight / (double)height, 1);

                    var cutSize = new Size((int)Math.Round(width * ratio, 0), (int)Math.Round(height * ratio, 0));

                    int x = (int)Math.Round((double)(originalWidth - cutSize.Width) / 2, 0);
                    int y = (int)Math.Round((double)(originalHeight - cutSize.Height) / 2, 0); ;

                    var bitmap = new Bitmap(width, height);
                    using (var graphics = Graphics.FromImage(bitmap))
                    {
                        graphics.CompositingQuality = CompositingQuality.HighQuality;
                        graphics.SmoothingMode = SmoothingMode.HighQuality;
                        graphics.InterpolationMode = InterpolationMode.HighQualityBicubic;
                        graphics.Clear(Color.White);

                        var destRect = new Rectangle(0, 0, width, height);
                        var originalRect = new Rectangle(x, y, cutSize.Width, cutSize.Height);
                        graphics.DrawImage(image, destRect, originalRect, GraphicsUnit.Pixel);
                    }
                    #region wjy20131004修改
                    // 以下代码为保存图片时,设置压缩质量
                    EncoderParameters encoderParams = new EncoderParameters();
                    long[] quality = new long[1];
                    quality[0] = 100;
                    EncoderParameter encoderParam = new EncoderParameter(System.Drawing.Imaging.Encoder.Quality, quality);
                    encoderParams.Param[0] = encoderParam;
                    //获得包含有关内置图像编码解码器的信息的ImageCodecInfo 对象.
                    ImageCodecInfo[] arrayICI = ImageCodecInfo.GetImageEncoders();
                    ImageCodecInfo jpegICI = null;
                    for (int i = 0;i < arrayICI.Length;i++)
                    {
                        if (arrayICI[i].FormatDescription.Equals("JPEG"))
                        {
                            jpegICI = arrayICI[i];
                            //设置JPEG编码
                            break;
                        }
                    }
                    if (jpegICI != null)
                    {
                        bitmap.Save(destPath, jpegICI, encoderParams);
                    }

                    //bitmap.Save(destPath);
                    #endregion
                }
                return true;
            }
            catch
            {
                return false;
            }
        }
    }

使用方法:

1,首先要添加JS引用

<script src="../../Scripts/uploadify/v3.1/jquery.uploadify-3.1.min.js" type="text/javascript"></script>
<link href="../../Scripts/uploadify/v3.1/uploadify1.css" rel="stylesheet" type="text/css" />

2,在页面中显示上传附件的按钮:

<div id="fileQueue">
</div>
<input type="file" name="uploadify" id="uploadify" />
<input type="hidden" name="BACKIMG" value=""/>

注意:隐藏控件BACKIMG是上传文件的路径,文件上传成功后要给它赋值,这样在表单提交成功后才可以根据图片路径读取到上传图片

3,如下所示Form表单   

<form id="mainForm" method="post" action=‘@Url.Action(Model.Action)‘> </form>

  提交时调用上传图片的方法

 function submitbut() {
            var filecount = $(#fileQueue).find(div).length;
            if (filecount > 0) {
                $(#uploadify).uploadify(upload, *);
            } else {
                $(#mainForm).submit();
            }
        }

 

ASP.NET MVC中使用uploadify上传图片并按照规定大小压缩图片

标签:des   style   blog   http   io   ar   color   os   使用   

原文地址:http://www.cnblogs.com/lihfeiblogs/p/4120590.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!