如何使用自定义界面在 MVC3 中上传多个文件？

Question

我正在努力解决这个问题。

我需要做的是当用户单击文本时弹出文件浏览器窗口（此文本将替换通常文件输入上按钮的功能），然后当他们选择文件时，文件名（和我想的其他信息）需要插入到页面的不同部分。用户应该能够通过单击相同的文本并选择另一个文件来继续添加更多文件。

应该能够通过单击插入文件名和其他信息的区域中的图标来从上传队列中删除文件。我还没有决定是否应该在提交表单之前上传它们或与表单一起上传。

无论如何，我觉得我将不得不使用某种 Flash 插件，因为仅使用 js/jquery 和 MVC3 听起来几乎不可能。

Answer 1

您可能需要检查 HTML5 FileReader API - 可以在here 找到一个示例。它甚至可以通过将文件拖放到页面上的指定元素来上传文件。

浏览器没有广泛支持（具体来说，IE10应该支持，但IE9肯定不支持，你可以检查浏览器兼容性here）但确实提供了所需的功能。