首先,咱们应当从控制器入手,控制器通常不都是return View的吗?那怎么返回图片? 固然,Controller类也没有return Image 的,上次咱们的例子是返回JSON,其实咱们能够让其返回一个文件流,一开始我也想过使用ViewData,但这个在视图页面上只能经过服务器端代码来操做,若是但愿用JS,就不那么好办了。服务器
Controller类有一个File方法,固然,它有N个重载,并且返回的对象不同,这里咱们要找到返回FileContentResult类型的File方法,由于,我测试过,在<img>元素中,src属性不能读取到FileStreamResult对象的内容,是空白的,因此,不能返回FileStreamResult来获取。学习
请参考下面代码,不复杂,我先画一个矩形,而后在矩形上画一些文字,而后返回。测试
public ActionResult GetImg() { Bitmap bmp = new Bitmap(100, 35); Graphics g = Graphics.FromImage(bmp); g.Clear(Color.White); g.FillRectangle(Brushes.Red, 2, 2, 65, 31); g.DrawString("学习MVC", new Font("黑体", 15f), Brushes.Yellow, new PointF(5f, 5f)); MemoryStream ms = new MemoryStream(); bmp.Save(ms, System.Drawing.Imaging.ImageFormat.Jpeg); g.Dispose(); bmp.Dispose(); return File(ms.ToArray(), "image/jpeg"); }
注意,这个方法定义在你的控制器中,属于一个Action。spa
在前台页面,咱们这样处理。code
这样,咱们就能够在须要的时候经过JS来操做了,好比,返回随机图片,或者验证码什么的。orm
public ActionResult GetQianming() { //string strPath = //Server.MapPath("~/Resource/Image/5.jpg"); string strPath = @"\\服务器IP\Signature\0a5ab89b-9963-430d-8dff-393f61e1fad3.png"; Image img = Image.FromFile(strPath); MemoryStream ms = new MemoryStream(); img.Save(ms, System.Drawing.Imaging.ImageFormat.Png); return File(ms.ToArray(), "image/png"); }
前台调用对象
$("#ImageId").attr("src", "/Admin/Help/GetQianming"); //图片标签Id