javascript - 使用属性将多个文件绑定(bind)到数组

Question

我有一个基本的HTML表单为 <input type="file" multiple>里面。我为每个选定的文件创建一个描述。

现在我想将它们绑定(bind)到 PostedPhotoViewModel[] PostedPhotos; :

public abstract class PostedPhotoViewModel
{
    public string Description { get; set; }
    public HttpPostedFileBase File { get; set; }
}

我不知道如何准备我的输入来完成这样的事情。是否可以？还是我必须采取一些技巧来实现我的目标？

@Html.TextBoxFor(m => m.PostedPhotos, new { @name = "PostedPhotos", type = "file", multiple="multiple" })

我尝试以这种方式强制它，但没有成功:

myForm.submit(function(e) {
    myInput.files = $.map(myInput.files, function(element) {
        return {File: element, Description: "Test description"}
    });
    return true;
});

这是基本的ASP.NET MVC 5项目。

Answer 1

我会替换这个:

@Html.TextBoxFor(m => m.PostedPhotos, new { @name = "PostedPhotos", type = "file", multiple="multiple" })

只有:

<input type="file" name="files" multiple="multiple" />

然后在 Controller 中执行以下操作:

[HttpPost]
public ActionResult Index(IEnumerable<HttpPostedFileBase> files)

我认为嵌套 View 模型列表与文本框属性的绑定(bind)使其变得更加复杂。