MVC返回图片
2015-06-22 18:45
225 查看
这几天忙着一些小事,也没有写什么了,今天,我们来玩一个比较简单的东东。就是在MVC下如何返回图片,相信,在传统WebForm下,大家都晓得怎么弄,方也不限于一种,但是,在架构较为严格的MVC里面,刚开始接触的朋友,可能不太清楚如何实现。
首先,我们应当从控制器入手,昨天有位朋友问我,控制器一般不都是return View的吗?那怎么返回图片? 当然,Controller类也没有return Image 的,上次我们的例子是返回JSON,其实我们可以让其返回一个文件流,一开始我也想过使用ViewData,但这个在视图页面上只能通过服务器端代码来操作,如果希望用JS,就不那么好办了。
Controller类有一个File方法,当然,它有N个重载,而且返回的对象不一样,这里我们要找到返回FileContentResult类型的File方法,因为,我测试过,在<img>元素中,src属性不能读取到FileStreamResult对象的内容,是空白的,所以,不能返回FileStreamResult来获取。
请参考下面代码,不复杂,我先画一个矩形,然后在矩形上画一些文字,然后返回。
注意,这个方法定义在你的控制器中,属于一个Action。
在前台页面,我们这样处理。
这样,我们就可以在需要的时候通过JS来操作了,比如,返回随机图片,或者验证码什么的。
首先,我们应当从控制器入手,昨天有位朋友问我,控制器一般不都是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。
在前台页面,我们这样处理。
<div> <img src="/Home/GetImg" width="100" alt="" /> </div>
这样,我们就可以在需要的时候通过JS来操作了,比如,返回随机图片,或者验证码什么的。
相关文章推荐
- ReactJS -- 初学入门
- BZOJ3103 : Palindromic Equivalence
- 第五题
- 深入理解Java中的HashMap的实现原理
- Unable to load configuration. - bean - jar:file:/E:/tomcat/lib/struts...
- 用nohup命令让Linux下程序永远在后台执行
- jquery easyui常见问题:
- 6
- 再论 new 对象 时 jvm 的工作步骤
- H264 编解码器架构简单
- groovy : 正则表达式
- linux sun/awt/X11GraphicsEnvironment
- 第三题
- MVC框架简述
- 读取文件或超大文件的几种方式
- 表关系:一对一的两种方式
- JAVA字符串格式化-String.format()使用
- 有道词典的查询
- 找水王
- 第二题