MVC Html.BeginForm内部的文件上传

Question

我有一个视图，其中包含我们通过ViewModel加载的数据，该视图显示有关项目的信息。 我使用Html.BeginForm()创建一个表单，然后在页面上显示所有数据。 在Html.BeginForm()中间是我的文件上传控件。 看起来像这样：

@using (Html.BeginForm())
{
    ... //Load other form data
    <p>1. Upload Data.</p>
    <div class="fileUploadContainer">
       <input type="file" name="file" id="fileUpload"><button id="dataUpload" class="redButton">Upload</button>
    </div>
    ... //Load more form data
}

所以我的问题是，此上传功能独立于其他表单工作的最佳方式是什么，显然我无法将表单嵌入表单中。 我在名为UploadProjectData控制器中为此方法创建了一个单独的Action，常规表单将提交给它自己的控制器action。

Answer 1

我想您可以尝试使用客户端JavaScript代码捕获输入类型文件中包含的File描述符，然后通过AJAX调用将文件传递给服务器并使用它。

查看有关此事的这篇精彩文章，以获取更多信息http://www.html5rocks.com/zh_CN/tutorials/file/dndfiles/

无论如何，如果我不希望主表单发送输入类型文件，我将离开表单。