• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    公众号

ASP.NET误人子弟教程:在MVC下如何返回图片

原作者: [db:作者] 来自: [db:来源] 收藏 邀请

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

 

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

 

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

 

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

  1. public ActionResult GetImg()  
  2. {  
  3.     Bitmap bmp = new Bitmap(100, 35);  
  4.     Graphics g = Graphics.FromImage(bmp);  
  5.     g.Clear(Color.White);  
  6.     g.FillRectangle(Brushes.Red, 2, 2, 65, 31);  
  7.     g.DrawString("学习MVC", new Font("黑体", 15f), Brushes.Yellow, new PointF(5f, 5f));  
  8.     MemoryStream ms = new MemoryStream();  
  9.     bmp.Save(ms, System.Drawing.Imaging.ImageFormat.Jpeg);  
  10.     g.Dispose();  
  11.     bmp.Dispose();  
  12.     return File(ms.ToArray(), "image/jpeg");  
  13. }  

 

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

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

  1. <div>  
  2.     <img src="/Home/GetImg" width="100" alt="" />  
  3. </div>  

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


 


 

 


鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
热门推荐
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap