MVC редактировать с HttpPostedFileBase

Question

я в основном ниже этого урока: http://cpratt.co/file-uploads-in-asp-net-mvc-with-view-models/

Она создала хорошую создать вид, что позволяет пользователю загрузить изображение.

Как создать аналогичную страницу, отображающую текущий файл изображения (например, то, что это показывает, когда пользователь выбрал его в представлении создания) и по-прежнему позволяет пользователю выбрать другое изображение?

@model ImageViewModel 

<form action="" method="post" enctype="multipart/form-data"> 
    @Html.AntiForgeryToken() 
    @Html.ValidationSummary(true) 

    <div> 
     Name: 
     @Html.EditorFor(model => model.Name) 
    </div> 
    <div> 
     Image Upload: 
     @Html.TextBoxFor(model => model.ImageUpload, new { type = "file" }) 
    </div> 
    <button type="submit">Edit</button> 
</form> 



public class ImageViewModel 
{ 
    public string Name { get; set; } 
    public HttpPostedFileBase ImageUpload { get; set; } 
} 

Как это сейчас, это просто позволяет изменить имя и новое изображение для загрузки. Я хочу, чтобы он отображал имя текущего изображения, но я не знаю, как загрузить информацию в атрибут HttpPostedFileBase (база данных в настоящее время держит имя файла/путь от create).

Любые мысли будут оценены. Благодарю.

Answer 1

Добавить дополнительное свойство к вашему ImageViewModel и связать текущее имя файла для этого свойства:

public class ImageViewModel 
{ 
    public string Name { get; set; } 

    public string FileName { get; set; } 

    public HttpPostedFileBase ImageUpload { get; set; } 
} 

В вашем Edit View просто отобразить свойство FileName:

@model ImageViewModel 

<form action="" method="post" enctype="multipart/form-data"> 

    @Html.AntiForgeryToken() 
    @Html.ValidationSummary(true) 

    <div> 
     Name: 
     @Html.EditorFor(model => model.Name) 
    </div> 
    <div> 
     Current uploaded file: 
     @Html.DisplayFor(model => model.FileName) 
    </div> 
    <div> 
     Image Upload: 
     @Html.TextBoxFor(m => m.ImageUpload, new { type = "file", value = "test" }) 
    </div> 
    <button type="submit">Save</button> 

</form>