ASP.NET 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(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。

在前臺頁面，咱們這樣處理。

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

這樣，咱們就能夠在須要的時候經過JS來操做了，好比，返回隨機圖片，或者驗證碼什麼的。

方式二

 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