Отправить изображение с контроллера для просмотра в MVC3

Я использую asp.net mvc3. Я делаю растровое изображение с помощью text.drawing. Я хочу
отправить это изображение с моего контроллера на мой просмотр в VIEWDATA, но, на мой взгляд, я не могу правильно разобрать VIEWDATA.

Это код контроллера:

 public ActionResult About( string agha)
        {
            agha = "asgdjhagsdjgajdga";
             Color BackColor = Color.White;
            String FontName = "Times New Roman";
            int FontSize = 25;
            int Height = 50;
            int Width = 700;

            Bitmap bitmap = new Bitmap(Width, Height);
            Graphics graphics = Graphics.FromImage(bitmap);
            Color color = Color.Gray; ;
            Font font = new Font(FontName, FontSize);         

            SolidBrush BrushBackColor = new SolidBrush(BackColor);
            Pen BorderPen = new Pen(color);

            Rectangle displayRectangle = new Rectangle(new Point(0, 0), new Size(Width - 1, Height - 1));

            graphics.FillRectangle(BrushBackColor, displayRectangle);
            graphics.DrawRectangle(BorderPen, displayRectangle);               

            graphics.DrawString(agha,font,Brushes.Red, 0, 0);
            ViewData["picture"] = bitmap;            

            return View( );
        }

Вид, вызывающий viewdata, выглядит следующим образом

 <img src="@ViewData["picture"]." />

Ответ 1

Я бы рекомендовал вам написать пользовательский результат действия, чтобы избежать загрязнения вашего действия контроллера абсолютно бесполезным и скучным кодом инфраструктуры GDI +:

public class ImageResult : ActionResult
{
    private readonly string _agha;
    public ImageResult(string agha)
    {
        _agha = agha;
    }

    public override void ExecuteResult(ControllerContext context)
    {
        Color BackColor = Color.White;
        String FontName = "Times New Roman";
        int FontSize = 25;
        int Height = 50;
        int Width = 700;

        using (Bitmap bitmap = new Bitmap(Width, Height))
        using (Graphics graphics = Graphics.FromImage(bitmap))
        {
            Color color = Color.Gray;
            Font font = new Font(FontName, FontSize);

            SolidBrush BrushBackColor = new SolidBrush(BackColor);
            Pen BorderPen = new Pen(color);

            Rectangle displayRectangle = new Rectangle(new Point(0, 0), new Size(Width - 1, Height - 1));

            graphics.FillRectangle(BrushBackColor, displayRectangle);
            graphics.DrawRectangle(BorderPen, displayRectangle);

            graphics.DrawString(_agha, font, Brushes.Red, 0, 0);

            context.HttpContext.Response.ContentType = "image/jpg";
            bitmap.Save(context.HttpContext.Response.OutputStream, ImageFormat.Jpeg);
        }
    }
}

а затем просто определите действие контроллера, которое вернет этот результат пользовательского действия:

public class HomeController : Controller
{
    public ActionResult Index()
    {
        return View();
    }

    public ActionResult Image(string agha)
    {
        return new ImageResult(agha);
    }
}

и из некоторого представления (~/Views/Home/Index.cshtml в моем примере) вы можете ссылаться на действие, которое будет динамически генерировать изображение для вас:

<img src="@Url.Action("Image", new { agha = "foo bar" })" alt="" />

Другая возможность, если вы не хотите создавать дополнительные действия для создания изображения, - это использовать схему URI данных, которая в основном позволяет вам для встраивания изображения как данных Base64 непосредственно в HTML. Одно из предостережений заключается в том, что не все браузеры поддерживают его и, кроме того, делают ваши HTML-страницы намного большими.

Ответ 2

Если это не обязательно в ViewData (не уверен, что вы сможете сделать это в ViewData, потому что каждый ресурс (изображение, flash, сама страница) имеет ContentType, который не изменяется в текущий запрос.

Однако вы можете попробовать это в своем контроллере:

public ActionResult GenerateImage() {
    FileContentResult result;

    using(var memStream = new System.IO.MemoryStream()) {
        bitmap.Save(memStream, System.Drawing.Imaging.ImageFormat.Jpeg);
        result = this.File(memStream.GetBuffer(), "image/jpeg");
    }

    return result;
}

По вашему мнению, вам нужно вызвать Controller/Action:

<img src='@Url.Action("GenerateImage")' alt="" />

Ответ 3

Вы пробовали ContentResult.

Вы можете попробовать что-то вроде следующего (не подтвержденного)

public ContentResult GetImage()
        {
            var content = new ContentResult();
            content.Content = "Image as String";
            content.ContentType = "image/jpg";
            return content;
        }

Ответ 4

public ContentResult GetImage()
        {
            var content = new ContentResult();
            content.Content = "Image as String";
            content.ContentType = "~image/jpg";
            return content;
        }

Ответ 5

public ActionResult GenerateImage() {
    FileContentResult result;

    using(var memStream = new System.IO.MemoryStream()) {
        bitmap.Save(memStream, System.Drawing.Imaging.ImageFormat.Jpeg);
        result = this.File(memStream.GetBuffer(), "image/jpeg");
    }

    return result;
}