我在表单中有一个图片上传的功能:
@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上检查了元素,它有两个错误(每个图像一个),声明:错误500内部服务器错误。并且它显示了getimage的url,是否值得使用完全限定的url?还是什么?我的猜测是,它要么没有将正确的数据保存在数据库中,要么没有将数据正确读入图像格式。或者我的代码有问题。有什么想法吗?---编辑--- 我已经对此进行了单元测试,以查看是否可以检索图像。测试通过了。所以,这一定是与客户端渲染有关,因为服务器端似乎运行良好。Chrome显示的错误是:500内部服务器错误。
GetImage
方法中发生了什么?它能找到图片吗? - nemesv