如何使用带有Entity Framework的ASP.net MVC4上传/显示图像

Question

我有一个像这样的数据模型

    public class NewsItem
{
    public virtual int Id { get; set; }
    public virtual string NewsTitle { get; set; }
    public virtual string NewsContent { get; set; }
    public virtual byte[] NewsImage { get; set; }
    public virtual DateTime DateAdded { get; set; }
    public virtual bool IsLive { get; set; }
}

然后我通过View显示这些数据,如下所示:

@model BusinessObject.Domain.NewsItem
<div class="row-fluid">
    <h3>
        @Html.ValueFor(model => model.NewsTitle)
    </h3>
    <div class="span5">
    <img src="~/Content/images/stock.jpg" />
    </div>

<div class="span7">
<p>
    @Html.ValueFor(model => model.DateAdded)
</p>
<p>
    @Html.ValueFor(model => model.NewsContent)
</p>
</div>
 </div>

然后我使用控制器中的_db.SaveChanges()保存数据,如下所示:

[Authorize]
    [HttpPost]
    public ActionResult Create(CreateNewsViewModel input)
    {
        if (ModelState.IsValid)
        {
            var news = new NewsItem();
            news.NewsTitle = input.nTitle;
            news.NewsContent = input.nContent;
            news.DateAdded = input.nDateAdded;
            news.IsLive = input.nIsLive;
            Mydb data = new Mydb();
            data.NewsItems.Add(news);
            data.SaveChanges();
            return View("Index", data.NewsItems);

        }
        else
        {
            return View(input);
        }
    }

目前我没有图片上传位.我该怎么做？在我的数据库中,我有一个二进制字段,我的对象中的数据类型是byte [].但我不知道我需要在哪里处理图片上传？

我是否需要一个单独的动作来返回视图？关于这一点的一些指示将是宏伟的.

干杯

Answer 1

您需要从View和WebImage的实例上传类型file的输入字段来处理上传的图像:

视图:

<input type="file" name="image" />

控制器:

WebImage image = WebImage.GetImageFromRequest();
byte[] toPutInDb = WebImage.GetBytes();

// ... put the byte array into the database

要显示数据库中的图像,您需要一个控制器Action,它从数据库中检索字节数组并返回FileAction.您可以通过在从数据库检索的bytearray上实例化另一个WebImage实例来获取此图像(用于图像检索控制器操作):

WebImage image = new WebImage(byteArrayFromDb);

File(image.GetBytes(), "image/" + image.ImageFormat, image.FileName);