MVC - 如果图像未在 HTTP post 中重新上传，则不保存空图像数据（来自 SportsStore 示例）

Question

我一直在关注 Apress Pro ASP.NET MVC 3 Framework 书中的 SportsStore 示例项目，并尝试将这些概念应用到我的应用程序中。困扰我的一个地方是，在示例中，我可以将图像添加到产品中并将其保存到数据库中，但是如果我编辑任何给定产品，而不为其上传新图像，则图像数据将被清除。我希望能够编辑产品，但如果从 HTTP post 返回的图像数据为空，我希望实体框架保留现有的图像数据（和内容类型）。如果未上传新图像，如何命令 EF 不将此图像字段更新为 null？

以下是 SportsStore 示例中的编辑代码：

[HttpPost]
public ActionResult Edit(Product product, HttpPostedFileBase image)
{
  if (ModelState.IsValid)
  {
    if(image != null)
    {
      product.ImageMimeType = image.ContentType;
      product.ImageData = new byte[image.ContentLength];
      image.InputStream.Read(product.ImageData, 0, image.ContentLength);
    }
    _repository.SaveProduct(product);
    TempData["message"] = string.Format("{0} has been saved", product.Name);
    return RedirectToAction("Index");
  }
  else
  {
    return View(product);
  }
}

编辑：对于 Rondel - 这是产品类的定义

namespace SportsStore.Domain.Entities
{
  public class Product
  {
    [HiddenInput(DisplayValue=false)]
    public int ProductId { get; set; }

    [Required(ErrorMessage = "Please enter a product name")]
    public string Name { get; set; }

    [Required(ErrorMessage = "Please enter a description")]
    [DataType(DataType.MultilineText)]
    public string Description { get; set; }

    [Required]
    [Range(0.01, double.MaxValue, ErrorMessage = "Please enter a positive price")]
    public decimal Price { get; set; }

    [Required(ErrorMessage = "Please specify a category")]
    public string Category { get; set; }

    public byte[] ImageData { get; set; }

    [HiddenInput(DisplayValue = false)]
    public string ImageMimeType { get; set; }
  }
}

编辑 如何使 EF 仅保存某些字段并保留其他字段数据库中未受影响？

Answer 1

这里的基本问题是，当您将 Product 保存回数据库时，您将使用 MVC3 填充的任何值覆盖 ImageMimeType 和 ImageData 字段来自 FormCollection 的 Product。现在，您需要检查 image==null 是否存在，但您没有实现重用旧 Product 图像信息的逻辑。这就是您想要做的：

if (ModelState.IsValid)
{
  if(image != null)
  {
     product.ImageMimeType = image.ContentType;
     product.ImageData = new byte[image.ContentLength];
     image.InputStream.Read(product.ImageData, 0, image.ContentLength);
  }
 else
 {
    //set this Product image details from the existing product in the db
    product.ImageMimeType= getImageMimeTypeForProduct(product.ProductId );
    product.ImageData = getImageDataForProduct(product.ProductId );
 }
  _repository.SaveProduct(product);
  TempData["message"] = string.Format("{0} has been saved", product.Name);
  return RedirectToAction("Index");
}
else
{
  return View(product);
}

显然这两种方法并不真正存在，但想法是相同的。您希望从数据库中获取该产品的现有值，并确保这些值反映在 Product 的本地版本中，然后再保存并覆盖这些值。

Answer 2

我知道回复有点晚了，但我现在刚刚读完这一章，遇到了同样的问题。

我通过在编辑视图中添加一个隐藏字段来保存 ImageData 数据来修复它。由于视图使用 @Html.EditorForModel，因此不会为字节数据类型呈现任何编辑器，因此视图对此数据不可见。

@model SportsStore.Domain.Entities.Product

@{
    ViewBag.Title = "Edit";
    Layout = "~/Views/Shared/_AdminLayout.cshtml";
}

<h1>Edit @Model.Name</h1>

@using (Html.BeginForm("Edit", "Admin", FormMethod.Post, new { enctype = "multipart/form-data"}))
{
    @Html.EditorForModel()

    // New hidden field here
    @Html.Hidden("ImageData", Model.ImageData)

    <div class="editor-label">Image</div>
    <div class="editor-field">
        @if (Model.ImageData == null)
        {
            @:None
        }
        else
        {
            <img width="150" height="150" src="@Url.Action("GetImage", "Product", new { Model.ProductID})" />
        }
        <div>Upload new image: <input type="file" name="Image" /></div>
    </div>

    <input type="submit" value="Save" />
    @Html.ActionLink("Cancel and return to List", "Index")
}