使用jQuery在mvc剃鬚刀上傳文件

Question

我是MVC 3 Razor的新手。如何使用Jquery.My代碼上傳文件下面提到

@using (Html.BeginForm()) 
    { 
     <input type='file' name='file' id='file' /> 
     <input type="Button" value="upload" /> 
    } 

一些限制下面提到

• 我不能在html.BeginForm定義我的動作和控制器（...）
• 我無法使用上述上傳按鈕的type =「submit」。

現在我希望你清楚，當我點擊上傳按鈕jquery函數將被調用，並從那裏我的行動應該是調用，並在控制器中我想實現我的邏輯與上傳的文件。

請讓我知道如何實現這一點。？？？？示例演示？

Answer 1

這很容易

@using (Html.BeginForm()) 
    { 
     <input type='file' name='file' id='file' /> 
     <input type="Button" value="upload" onclick="upload()" /> 
    } 

<script> 
    function upload() { 
     $.ajax({ 
      type: "POST", 
      url: '@Url.Action("Upload")', 
      dataType: "multipart/form-data", 
      data: $('#file'), 
      cache: false 
     }); 
    } 
</script>