使用单个文件输入附加多个文件答案

【问题标题】：Use single file input to attach multiple files使用单个文件输入附加多个文件
【发布时间】：2014-07-24 13:56:23
【问题描述】：

Fiddler供参考

在 IE 9 中克隆文件输入元素并将其附加到文档中。

我正在尝试使用单个文件输入将多个文件附加到文档中，但文件输入只会在每个项目的基础上调用。

如果您查看 fiddler，您会看到有多个项目，这些项目应该能够为每个项目附加图像。

这将在 Chrome 中运行，但我无法在 IE9 中运行。如果我做$(this).clone().appendTo($('body'));，它会创建一个新的并附加它，但是当我将它发布到服务器时它结果是空的。

我正在使用 MVC4 并使用以下方法签名来获取文件：

public ActionResult Create(int id, IEnumerable<QuestionAnwserModel> userAnwsers, IEnumerable<HttpPostedFileBase> userAttachments)

我尝试过只输入文件，它工作正常，但我不想在整个表单中输入多个文件。

【问题讨论】：

【解决方案1】：

这里指定 http://www.w3schools.com/html/html_attributes.asp 元素的 id 必须是“唯一的”

因此，更好的方法是为您的每个“问题”设置一个单独的上传字段。它会从一开始就解决很多问题。

另一个问题是您提交了多个具有相同名称的字段。尝试使用“userAttachments[]”，你应该发布一个数组。

【讨论】：

userAttachments[] 用于 PHP。我正在使用 MVC，它可以处理多个具有相同名称的元素被提交到服务器。具有 id 的文件输入是无关紧要的，因为它不用于除主要文件之外的任何其他内容，我将 id 空白，因为它不会被使用。