Question

我的表单上传了一张图片：

    @using (Html.BeginForm("Create", "Application", FormMethod.Post, new { enctype = "multipart/form-data" }))
    {
    @Html.ValidationSummary(true)
    <fieldset>
        <legend>Application Under Testing</legend>

        <div class="editor-label">
            Image
        </div>
        <div class="editor-field">
            @if (Model.AppDetails.Image == null)
            {
                @:None
            } else {
                <img width="400" src="@Url.Action("GetImage", "Application", new { Model.AppDetails.ID })" />   
            }
            <div>Upload new image: <input type="file" name="Image" /></div>
        </div>
     </fieldset>
     }

提交它，并使用以下命令将其保存到数据库中：

    [HttpPost]
    public ActionResult Create(ApplicationViewModel vm, HttpPostedFileBase image)
    {
        if (ModelState.IsValid)
        {
            if (image != null)
            {
                vm.AppDetails.ImageMimeType = image.ContentType;
                vm.AppDetails.Image = new byte[image.ContentLength];
                image.InputStream.Read(vm.AppDetails.Image, 0, image.ContentLength);
            }

            _repository.SaveEntity<AUT>(vm.AppDetails);

            return RedirectToAction("Index");
        }

        return View(vm);
    }

所以，现在我有一个动作可以将图像从数据库中取出来显示：

    public FileContentResult GetImage(Guid appID)
    {
        var app = _repository.AUTs.FirstOrDefault(x => x.ID.Equals(appID));
        if (app == null)
        {
            return null;
        }

        return File(app.Image, app.ImageMimeType);
    }

在我看来，我有这个代码来显示图像：

    <td>
        @if (item.Image == null)
        {
            @:None
        } else {
            <img width="100" src="@Url.Action("GetImage", "Application", new { item.ID })" />   
        }
    </td>

网页上的输出是：

<img width="100" src="/Validation/Application/GetImage/bd3fdb5b-8d73-48e2-a04e-1a49a73729be">

这不显示图像。编辑：我实际上已经检查过Chrome上的元素，它有2个错误（每个图像1个）说明：错误500内部服务器错误。它显示了getimage的网址，是否值得使用完全合格的网址？还是什么？

所以我的猜测是，它要么没有在数据库中保存正确的数据，要么正确地将数据读入图像格式。或者某处我的代码错了。

有什么想法吗？

---编辑---

我已对此进行单元测试，看看是否可以检索图像。测试结束了。

因此，它必须与在客户端呈现它有关，因为服务器端似乎运行良好。 Chrome会将错误显示为：500内部服务器错误。

Answer 1

您是否确认该文件确实存在？最近我遇到了类似的情况，最后使用Request.Files来查看已发布的文件。

Answer 2

所以，我找到了这个问题的答案，并停止回拨给服务器：

<img width="100" src="data:@item.ImageMimeType;base64,@(Convert.ToBase64String(item.Image))" />

使用此问题是否有任何问题，例如与旧浏览器的向后兼容性？或者还有其他原因我不应该使用它吗？

这意味着我不必再次查询数据库中的图像。

MVC 3图像未加载

2 个答案: