如何使用Asp.net mvc实时生成缩率图到硬盘?

如何使用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}:期望图片高

以上就是本文的全部内容,希望对大家的学习有所帮助。