C#也能PS圖片，還能為網站Ajax上傳圖片同時產生微縮圖(附Demo)

     本文旨在與各位朋友們分享我是如何在項目中用C# “ps圖片” 為網站產生同比例微縮圖的解決方案。如有不足之處歡迎您指出。

 

     一、技術概述：

        1.Ajax無重新整理上傳圖片,詳情請閱我的這篇文章。（jquery + c# ashx）

        2.C#位元影像處理  System.Drawing。

        3.最新demo支援IE7,IE8,FireFox。

 

    二、微縮圖處理方法：

    產生微縮圖的核心方法：

CreateThumbnailPicture

        /// <summary>
/// 圖片微縮圖處理
/// </summary>
/// <param name="srcPath">源圖片</param>
/// <param name="destPath">靶心圖表片</param>
/// <param name="width">寬度</param>
/// <param name="height">高度</param>
        public static void CreateThumbnailPicture(string srcPath, string destPath, int width, int height)
        {
//根據圖片的磁碟絕對路徑擷取 源圖片 的Image對象
            System.Drawing.Image img = System.Drawing.Image.FromFile(srcPath);

//bmp： 最終要建立的 微縮圖 位元影像對象。
            Bitmap bmp = new Bitmap(width, height);

//g: 繪製 bmp Graphics 對象
            Graphics g = Graphics.FromImage(bmp);
            g.Clear(Color.Transparent);
//為Graphics g 對象 初始化必要參數，很容易理解。
            g.PixelOffsetMode = System.Drawing.Drawing2D.PixelOffsetMode.HighQuality;
            g.InterpolationMode = System.Drawing.Drawing2D.InterpolationMode.High;
            g.SmoothingMode = System.Drawing.Drawing2D.SmoothingMode.HighQuality;
            g.CompositingQuality = System.Drawing.Drawing2D.CompositingQuality.HighQuality;

//源圖片寬和高
            int imgWidth = img.Width;
int imgHeight = img.Height;

//繪製微縮圖
            g.DrawImage(img, new System.Drawing.Rectangle(0, 0, width, height), new System.Drawing.Rectangle(0, 0, imgWidth, imgHeight)
                        , GraphicsUnit.Pixel);

            ImageFormat format = img.RawFormat;
            ImageCodecInfo info = ImageCodecInfo.GetImageEncoders().SingleOrDefault(i => i.FormatID == format.Guid);
            EncoderParameter param = new EncoderParameter(System.Drawing.Imaging.Encoder.Quality, 100L);
            EncoderParameters parameters = new EncoderParameters(1);
            parameters.Param[0] = param;
            img.Dispose();

//儲存已產生微縮圖，這裡將GIF格式轉化成png格式。
            if (format == ImageFormat.Gif)
            {
                destPath = destPath.ToLower().Replace(".gif", ".png");
                bmp.Save(destPath, ImageFormat.Png);
            }
else
            {
if (info != null)
                {
                    bmp.Save(destPath, info, parameters);
                }
else
                {

                    bmp.Save(destPath, format);
                }
            }

            img.Dispose();
            g.Dispose();
            bmp.Dispose();
        }

部分代碼已經加入注釋，仔細閱讀代碼應該不難理解。下面介紹ashx中AJAX調用方法,我們在AJAX非同步上傳圖片成功後對源圖片進行"PS"。關鍵程式碼片段如下：

 1  //上傳成功後網站內源圖片相對路徑
 2   string relativePath = System.Web.HttpContext.Current.Request.ApplicationPath 
 3                        + string.Format(@"Content/Upload/Images/{0}", fileName);
 4 
 5  /*
 6    比例處理
 7    微縮圖高度（DefaultHeight屬性值為 400）
 8  */
 9  System.Drawing.Image img = System.Drawing.Image.FromFile(toFile);
10  int width = img.Width;
11  int height = img.Height;
12  float ratio = (float)width / height;
13 
14  //微縮圖高度和寬度
15   int newHeight = height <= DefaultHeight ? height : DefaultHeight;
16  int newWidth = height <= DefaultHeight ? width : Convert.ToInt32(DefaultHeight * ratio);
17 
18  FileInfo generatedfile = new FileInfo(toFile);
19  string newFileName = "Thumb_" + generatedfile.Name;
20  string newFilePath = Path.Combine(generatedfile.DirectoryName, newFileName);
21 
22  PictureHandler.CreateThumbnailPicture(toFile, newFilePath, newWidth, newHeight);
23 
24  string thumbRelativePath = System.Web.HttpContext.Current.Request.ApplicationPath 
25                        + string.Format(@"/Content/Upload/Images/{0}", newFileName);
26 
27  //返回原圖和微縮圖的網站相對路徑
28   relativePath = string.Format("{0},{1}", relativePath, thumbRelativePath);
29 
30  return relativePath;
  

 

    三、程式運行：

上傳前：

上傳後：

    四、 小結：

    我使用該方法主要是為瞭解決列印報表時由於圖片大小沒有合理的比例規範導致報表樣式變形，同樣該方法也適合網站或論壇由使用者上傳源圖片產生微縮頭像等。

如果您感興趣可以在這裡下載本例DEMO。

   最後希望本文能夠協助您解決開發中的類似問題。