如何通过jquery将文件从客户端传递给控制器​​？

Question

我想创建一个非常简单的示例，通过jquery和java脚本在mvc4中通过客户端上传文件。

我谷歌它在互联网上发现了许多样本和许多插件，但我更喜欢不依赖任何额外的插件或库，如“uploadify”

为此我创建了一个简单的mvc4应用程序，在我的视图中，我附加了包含方法的脚本文件，直到用户点击此视图上的按钮开始上传。

我不知道如何更改bellow方法将文件传递给控制器​​（在客户端）？

function uploadimage() {

  $.ajax({
    url: "/Uploader/FileUpload",
    type: 'POST',
    dataType: 'json',
    data:null,
    contentType: 'application/json; charset=utf-8',
    success: function (msg) {

    },
    error: function (xhr) {

    }
});

}

在我看来

   <input type="file" id="fileToUpload" name="file" />
   <input type="button"  value ="Upload"  onclick="uploadimage()"/>

我的控制器

 public ActionResult FileUpload(HttpPostedFileBase file)
    {
       //do somethings with file
     }

Answer 1

无法通过ajax上传文件。您可以使用IFrame上传文件，而无需刷新页面。