1

我有一个视图模型，它有一个名为“StudentImage”的 HttpPostedFileBase 属性。当用户登录时，我想获取一个字节数组（我从数据库中获取的图像）并显示它？我可以从数据库中获取 byte[]，并且可以通过设置从 httppostedfilebase 继承的内存流将 byte[] 设置回我的 HttpPostedFileBase Image。但我的表格上没有显示图像

这是我的视图模型

public class EditStudentViewModel
{
    ...other code here

    public HttpPostedFileBase StudentImage { get; set; }
}

这是我的控制器，我在其中获取字节数组，我想将 byte[] 设置为“StudentImage”，这是一个 HttpPostedFileBase

public ActionResult Edit()
    {
        var years = Enumerable.Range(DateTime.Now.Year - 100, 100).Reverse();
        string userId = User.Identity.GetUserId();

        Student student = studentRepository.Find(userId);
        // student.StudentImage => this is a byte array that I need to get
        // into the HttpPostedFileBase named StudentImage into 
        // 'EditStudentViewModel'

        var studentViewModel = new EditStudentViewModel
        {
            ...other properties set here
            StudentImage = new MemoryFile(new MemoryStream(student.StudentImage.Image));
        };

我创建了一个名为 MemoryFile 的新类并像这样继承了 HttpPostedBaseFIle

class MemoryFile : HttpPostedFileBase
    {
        Stream stream;

        public MemoryFile(Stream stream)
        {
            this.stream = stream;
        }

        public override Stream InputStream
        {
            get { return stream; }
        }
    }

似乎正确设置了值，但是当我在屏幕上查看表单时，我看不到图像！它没有使用我正在使用的引导文件插件进行设置，可以在此处找到引导文件上传插件

这是我的文件上传插件的javascript

$("#input-20").fileinput({
'type': 'POST',
'cache': false,
'browseClass': 'btn btn-primary btn-block',
'showCaption': false,
'showRemove': false,
'showUpload': false,
'uploadAsync': false,
'maxFileCount': 1,
'allowedFileExtensions': ['jpg', 'png', 'gif'],
'allowedFileTypes': ['image'],

//'uploadUrl': '@Url.Action("Edit", "Student")'

});

这是我的 HTML 标签

<div class="panel-body">
                @Html.TextBoxFor(model => model.StudentImage, new { @type = "file", @id = "input-20" })
            </div>
4

1 回答 1

0

您不能在 中显示图像<input type="file" />，您必须使用<img>标签。当你这样做@Html.TextBoxFor(x => x, new { type="file" })时，渲染的输出将是一个<input type="file" />，没什么特别的。

如果您需要显示现有图像，您应该这样做：

<div class="panel-body">
    <!-- show the current StudentImage in the database -->
    <img src="@Url.Action("GetStudentImage", new { studentID= Model.StudentImageID })" />

    <!-- for adding a new StudentImage -->
    @Html.TextBoxFor(model => model.StudentImage, new { @type = "file", @id = "input-20" })
</div>

根据我在评论中发布的链接，您在控制器中的操作将如下所示：

public ActionResult GetStudentImage(int studentImageID)
{
    Student student = studentRepository.Find(studentID);
    return File(student.StudentImage.Image, "image/jpg");
}
于 2015-02-12T00:37:22.100 回答