Asp.net mvc 實時生成縮率圖到硬盤

之前對于縮率圖的處理是在圖片上傳到服務器之后，同步生成兩張不同尺寸的縮率供前端調用，剛開始還能滿足需求，慢慢的隨著前端展示的多樣化，縮率圖已不能前端展示的需求，所以考慮做一個實時生成圖片縮率圖服務。

每次調用實時生成縮率圖，不緩存著實有點浪費，所以在生成縮率的同時緩存到硬盤一份，效率提高很多。

之前從網上看了一下有人用nginx + lua實現的，效率那是沒什么可說的，但是時間緊迫，自己也沒時間去研究，所以暫時先用aps.net mvc4來實現 一個，以后有時間了，再慢慢修改。

用自己熟悉的.net性能可能差那么一點點，但是實現速度快，保證可以在極端的時間內上線，并且在功能上更強。

思路很簡單，就是根據請求，判斷需要的縮率圖是否已存在于硬盤上，如果有直接返回，沒有則下載原圖，并生成縮率圖到本地，返回給客戶端。

?

下面直接粘貼代碼片段：

/// <summary>/// 生成圖片縮率圖Action/// </summary>/// <param name="p">原圖url</param>/// <param name="id">圖片尺寸以及生成縮率圖的類型</param>/// <returns></returns>
        [HttpGet]public async Task<ActionResult> Index(string p, string id){if (string.IsNullOrEmpty(p)){return new HttpStatusCodeResult(404);}string oPath = Regex.Replace(p, @"http[s]?://(.*?)/", "/", RegexOptions.IgnoreCase);int? oWidth = 200, oHeight = 200;int cutMode = 3;string pPath;string oDir;if (!string.IsNullOrEmpty(id)){string[] ss = id.Split(new char[] { '_' }, StringSplitOptions.RemoveEmptyEntries);if (ss.Length < 2){return new HttpStatusCodeResult(404);}if (ss.Length > 2){cutMode = int.Parse(ss[2]);}oPath = oPath.Insert(oPath.LastIndexOf('/') + 1, string.Format("{0}_{1}_{2}_", ss[0], ss[1], cutMode));oWidth = int.Parse(ss[0]);oHeight = int.Parse(ss[1]);}pPath = Server.MapPath(oPath);oDir = Path.GetDirectoryName(pPath);if (!System.IO.File.Exists(pPath)){byte[] imagebytes =await FileHelper.DownLoadFileAsync(p);if (!Directory.Exists(oDir)){Directory.CreateDirectory(oDir);}FileHelper.MakeThumbnail(FileHelper.BytToImg(imagebytes), oWidth.Value, oHeight.Value, (ThumbnailMode)cutMode, pPath, true);}return File(pPath, FileHelper.GetContentTypeByExtension(Path.GetExtension(pPath).ToLower()));}

輔助方法：

 public class FileHelper{/// <summary>/// 圖片后綴和ContentType對應字典/// </summary>static Dictionary<string, string> extensionContentTypeDic;static FileHelper(){if (extensionContentTypeDic == null){//.jpg", ".png", ".gif", ".jpegextensionContentTypeDic = new Dictionary<string, string>();extensionContentTypeDic.Add(".jpg", "image/jpeg");extensionContentTypeDic.Add(".png", "image/png");extensionContentTypeDic.Add(".gif", "image/gif");extensionContentTypeDic.Add(".jpeg", "image/jpeg");}}/// <summary>/// 根據后綴名獲取extension/// </summary>/// <param name="extension"></param>/// <returns></returns>public static string GetContentTypeByExtension(string extension){if (extensionContentTypeDic.ContainsKey(extension)){return extensionContentTypeDic[extension];}return null;}///  <summary > /// 將Image對象轉化成二進制流 ///  </summary > ///  <param name="image" > </param > ///  <returns > </returns > public static byte[] ImageToByteArray(Image image){MemoryStream imageStream = new MemoryStream();Bitmap bmp = new Bitmap(image.Width, image.Height);Graphics g = Graphics.FromImage(bmp);g.DrawImage(image, new System.Drawing.Rectangle(0, 0, image.Width, image.Height));try{bmp.Save(imageStream, image.RawFormat);}catch (Exception e){bmp.Save(imageStream, System.Drawing.Imaging.ImageFormat.Jpeg);}byte[] byteImg = imageStream.GetBuffer();bmp.Dispose();g.Dispose();imageStream.Close();return byteImg;}/// <summary> /// 字節流轉換成圖片 /// </summary> /// <param name="byt">要轉換的字節流</param> /// <returns>轉換得到的Image對象</returns> public static Image BytToImg(byte[] byt){MemoryStream ms = new MemoryStream(byt);Image img = Image.FromStream(ms);ms.Close();return img;}/// <summary>/// 生成縮率圖/// </summary>/// <param name="originalImage">原始圖片Image</param>/// <param name="width">縮率圖寬</param>/// <param name="height">縮率圖高</param>/// <param name="mode">生成縮率圖的方式</param>/// <param name="thumbnailPath">縮率圖存放的地址</param>public static Image MakeThumbnail(Image originalImage, int width, int height, ThumbnailMode mode, string thumbnailPath, bool isSave = true){int towidth = width;int toheight = height;int x = 0;int y = 0;int ow = originalImage.Width;int oh = originalImage.Height;switch (mode){case ThumbnailMode.HW://指定高寬縮放（可能變形）                  break;case ThumbnailMode.W://指定寬，高按比例                      toheight = originalImage.Height * width / originalImage.Width;break;case ThumbnailMode.H://指定高，寬按比例  towidth = originalImage.Width * height / originalImage.Height;break;case ThumbnailMode.Cut://指定高寬裁減（不變形）                  if ((double)originalImage.Width / (double)originalImage.Height > (double)towidth / (double)toheight){oh = originalImage.Height;ow = originalImage.Height * towidth / toheight;y = 0;x = (originalImage.Width - ow) / 2;}else{ow = originalImage.Width;oh = originalImage.Width * height / towidth;x = 0;y = (originalImage.Height - oh) / 2;}break;default:break;}//新建一個bmp圖片  System.Drawing.Image bitmap = new System.Drawing.Bitmap(towidth, toheight);//新建一個畫板  Graphics g = System.Drawing.Graphics.FromImage(bitmap);//設置高質量插值法  g.InterpolationMode = System.Drawing.Drawing2D.InterpolationMode.High;//設置高質量,低速度呈現平滑程度  g.SmoothingMode = System.Drawing.Drawing2D.SmoothingMode.HighQuality;//清空畫布并以透明背景色填充  
            g.Clear(Color.Transparent);//在指定位置并且按指定大小繪制原圖片的指定部分  g.DrawImage(originalImage, new Rectangle(0, 0, towidth, toheight),new Rectangle(x, y, ow, oh),GraphicsUnit.Pixel);if (!isSave){return bitmap;}try{//以jpg格式保存縮略圖  //bitmap.Save(thumbnailPath, bitmap.RawFormat);
                bitmap.Save(thumbnailPath, ImageFormat.Jpeg);return bitmap;}catch (System.Exception e){throw e;}finally{originalImage.Dispose();bitmap.Dispose();g.Dispose();}return null;}/// <summary>/// 下載指定文件/// </summary>/// <param name="remoteUrl"></param>/// <param name="ss"></param>public static Task<byte[]> DownLoadFileAsync(string remoteUrl){WebClient wc = new WebClient();try{return wc.DownloadDataTaskAsync(remoteUrl);}catch (Exception e){throw new Exception("下載文件失敗");}}}public enum ThumbnailMode{/// <summary>/// 指定高寬縮放（可能變形）/// </summary>
        HW,/// <summary>/// 指定高，寬按比例/// </summary>
        H,/// <summary>/// 指定寬，高按比例/// </summary>
        W,/// <summary>/// 指定高寬裁減（不變形）   /// </summary>
        Cut,}

?

訪問方式：

http://www.souji8.com/Home/Index/{width}_{height}_{ThumMode}?p={imageUrl}

{imageUrl}:目標圖片地址

{ThumMode}: 1:指定高寬按比例、2：指定寬，高按比例、3：指定高寬裁減（不變形）?

{Width}:期望圖片寬

{Height}:期望圖片高

?

等有時間了，再改成nginx+lua 實現。