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

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

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

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

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

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

下面直接粘貼代碼片段：

/// <summary>
 /// 生成圖片縮率圖Action
 /// </summary>
 /// <param name="p">原圖url</param>
 /// <param name="id">圖片尺寸以及生成縮率圖的類型</param>
 /// <returns></returns>
 [ValidateInput(false)]
 public 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 = FileHelper.DownLoadFile(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", ".jpeg
  extensionContentTypeDic = 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 byte[] DownLoadFile(string remoteUrl)
 {
  WebClient wc = new WebClient();
  try
  {
  return wc.DownloadData(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}:期望圖片高

以上就是本文的全部內容，希望對大家的學習有所幫助。