c# - MVC4 从 SQL Server 表中检索图像文件到 html 图像

Question

我试图在 MVC4 网络应用程序上创建用户个人资料页面。

在用户个人资料页面上有一张图片 <img />用于显示个人资料照片的标签。图片正下方有“浏览”、“上传”按钮，供用户浏览和上传照片。单击上传按钮时，它应该将照片上传到 SQL Server 并在个人资料页面上显示图像。

我能够上传照片并将其保存到 SQL Server 表中。现在我想从 SQL Server 表中检索照片到个人资料页面。

这是我的用户个人资料页面/.cshtml 页面(razor View )

@model MvcSamples.Models.UserPicModel

@{

    ViewBag.Title = "PersonalInfo";
}

<h2>PersonalInfo</h2>

<form action="/UserDetails/PersonalInfo"  method="post" enctype="multipart/form-data">
        <img src="" alt="ProfilePhoto" />
    <label for="photo">Photo:</label>
    <input type="file" name="photo" id="photo" />
    <input type="submit" value="Upload" />

</form>

这是我用来从 SQL Server 表中检索照片的代码。请注意，照片是从数据库中检索为 byte[] 的。

byte[] barrImg = usr.GetProfilePhoto(id);

当我调试时，我可以看到照片被检索到“barImg”。

我的问题 1:从这里我怎样才能得到 <img src="" alt="ProfilePhoto" />以便它会在个人资料页面上显示实际照片？

问题 2: 有人可以提出任何更好的替代建议/samples/pointers 来实现涉及 Jquery/Ajax/javascript 的相同功能

提前致谢

Answer 1

您可以使用FileResult，将二进制数据发送给响应。

public FileResult GetProfileImage(int id)
{
    var usr = new Whatever();
    byte[] barrImg = usr.GetProfilePhoto(id);
    return File(barrImg, "image/png");
}

您可以将其用作，

 <img src="@Url.Action("GetProfileImage", "Controller", new { id = 5})"