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/

無論如何，如果我不希望主表單發送輸入類型文件，我將離開表單。