无法在 asp.net 视图中显示数据库中的图像

Question

我不知道为什么，但我无法在我的视图中显示我的数据库中的图像。它以适合图像的分辨率出现，但它基本上是透明的。我不确定我保存图像的方式是否有问题（不应该），或者它是否有显示。如果我的问题太基本了，我很抱歉，但我坚持的比我必须的要多：(

这里是问题的截图：

属性值： src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAASwAAADhCAYAAAByfIirAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAANL5JREFUeNrsnQl8VNXZ/8/MZJIJ2UMWIAkJCWFLwhpWAQEBKasoBkUUEBBPUq7Xpi>

这是我的模型的外观：

    public int CompId { get; set; }
    public byte[] ImageData { get; set; }
    [NotMapped]
    public HttpPostedFileBase UploadImage { get; set; }
    [NotMapped]
    public string ImageBase64 => System.Convert.ToBase64String(ImageData);
    public string CompanyName { get; set; }
    public string CompanyAddress { get; set; }

动作方法：

public ActionResult Create([Bind(Include = "CompId,ImageData,CompanyName,CompanyAddress,CompanyCountry,CompanyCity,CompanyPostalCode,CompanyPhoneNumber,EmailCA")] Company company, HttpPostedFileBase UploadImage)
        {
            if (ModelState.IsValid)
            {
                byte[] buf = new byte[UploadImage.ContentLength];
                UploadImage.InputStream.Read(buf, 0, buf.Length);
                company.ImageData = buf;

                db.Companies.Add(company);
                db.SaveChanges();
                return RedirectToAction("Index");
            }

            return View(company);
        }

还有观点：

 @model eksp.Models.Company

@{
    ViewBag.Title = "Index";
}

<h2>Details</h2>

<div>
    <h4>Company</h4>
    <hr />
    <dl class="dl-horizontal">
        <dt>
            @Html.DisplayNameFor(model => model.ImageData)
        </dt>

        <dd>
            <img src="data:image/png;base64,@Model.ImageBase64" />
        </dd>

任何帮助将不胜感激。

Answer 1

猜猜你显示的值是什么：

src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAASwAAADhCAYAAAByfIirAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAANL5JREFUeNrsnQl8VNXZ/8/MZJIJ2UMWIAkJCWFLwhpWAQEB34V2yao/pPUpqp="

惊喜：300x225 空 PNG 图片（透明背景）：

因此，如果您希望看到它们在浏览器中呈现，请确保将一些真实图像放入数据库中。否则，您在浏览器中看到的只是 300x225 像素的空白（这正是我们从您的屏幕截图中看到的）。

话虽如此，您的代码很好，正是您正在使用的数据让您认为存在问题。