asp.net - 如何让用户在不预先定义HTML上传输入框数量的情况下上传多张图片？

Question

我正在寻找一种方法让用户上传任意数量的图像（可能通过拖放）或动态添加更多上传框。

我认为静态修复（比如 6）HTML 上传输入框有点限制，用户必须单击“浏览”按钮（在本例中为 6 次）并导航到文件夹以选择文件。

实现这一目标的最佳实践是什么，以便用户发现它易于使用？也许有一些 AJAX 魔法？

我也不介意让用户单击“上传更多”以显示（比如 6 个以上）HTML 上传输入框。想知道有没有更好的方法！

谢谢你。

Answer 1

你可能还想看看像Plupload这样的东西

Answer 2

您已经找到了最佳答案——根据需要向页面动态添加更多文件输入。

HTML 文件输入不允许您一次选择多个文件。您也不能从图形文件浏览器中“拖放”（如果这就是您的意思）。

但是您可以动态添加（或显示）更多它们。你不需要“AJAX”来做到这一点，只需要 Javascript。

如果您有这样的原始输入

<div id="container">
    <input type="file"/>
</div>

您可以使用这样的脚本添加另一个：

var container = document.getElementById("container");
var newFile = document.createElement("input");
newFile.type = "file";
container.appendChild( newFile );

要处理服务器上的文件，您需要查看Request.Files. 它们将按照添加它们的物理顺序列在集合中。