在MVC下如何返回图片

这几天忙着一些小事，也没有写什么了，今天，我们来玩一个比较简单的东东。就是在MVC下如何返回图片，相信，在传统WebForm下，大家都晓得怎么弄，方也不限于一种，但是，在架构较为严格的MVC里面，刚开始接触的朋友，可能不太清楚如何实现。

 

首先，我们应当从控制器入手，昨天有位朋友问我，控制器一般不都是return View的吗？那怎么返回图片? 当然，Controller类也没有return Image 的，上次我们的例子是返回JSON，其实我们可以让其返回一个文件流，一开始我也想过使用ViewData，但这个在视图页面上只能通过服务器端代码来操作，如果希望用JS，就不那么好办了。

 

Controller类有一个File方法，当然，它有N个重载，而且返回的对象不一样，这里我们要找到返回FileContentResult类型的File方法，因为，我测试过，在<img>元素中，src属性不能读取到FileStreamResult对象的内容，是空白的，所以，不能返回FileStreamResult来获取。

 

请参考下面代码，不复杂，我先画一个矩形，然后在矩形上画一些文字，然后返回。

    public ActionResult GetImg()        {            Bitmap bmp = new Bitmap(350, 500);            Graphics g = Graphics.FromImage(bmp);            g.Clear(Color.Bisque);            g.FillRectangle(Brushes.Red, 50, 2, 100, 100);            g.DrawString("学习MVC", new Font("黑体", 15f), Brushes.Yellow, new PointF(50f, 5f));            MemoryStream ms = new MemoryStream();            bmp.Save(ms, System.Drawing.Imaging.ImageFormat.Jpeg);            g.Dispose();            bmp.Dispose();            return File(ms.ToArray(), "image/jpeg");        }

注意，这个方法定义在你的控制器中，属于一个Action。

在前台页面，我们这样处理。

 <img src="/Home/GetImg" alt="预览">

下面是效果展示：

这样，我们就可以在需要的时候通过JS来操作了，比如，返回随机图片，或者验证码什么的。