将文件异步上传到MVC.NET

时间:2016-03-04 06:28:58

标签: javascript c# ajax asp.net-mvc-4

我想从网页异步上传文件到ASP.NET MVC操作:

[HttpPost]
public JsonResult AnalyseFile(HttpPostedFileBase file)
{
  // do stuff
  return Json(someResultObjects);
}

我的问题是,当该方法在服务器上执行时,file参数为null。

在HTML中,我有一个包含文件的输入字段:

<input type="file" accept=".xlsx" required="required" id="FileInput" name="FileInput" onchange="javascript:AnalyseFile();" />

我有一些javascript代码:

function AnalyseFile() {
  var fileInput = document.getElementById('FileInput');
  var file = fileInput.files[0];
  var url = 'http://someserver/somecontroller/AnalyseFile';
  var xhr = new XMLHttpRequest();
  xhr.upload.onreadystatechange = function() {
    if(xhr.readyState == 4) {
      // do stuff
    }
  };
  xhr.open('POST', url, true);
  xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
  xhr.send('file=' + file);
}

我通过在var file = fileInput.files [0]之后插入以下代码行来验证javascript文件对象是否有对该文件的引用:

alert(file.Name);

在消息框中正确显示文件名。

但是,当调用服务器端方法时,文件本身丢失(HttpPostedFileBase&#34; file&#34;参数为null)。有谁能告诉我我在这里做错了什么?目标是让HttpPostedFileBase具有对文件的引用,以便我可以在服务器上对它进行一些分析,并将结果发送回浏览器以呈现给用户。

1 个答案:

答案 0 :(得分:0)

您可以允许 Mediatype标头接受服务器端中的'application / x-www-form-urlencoded'。 默认格式化程序可能不支持'application / x-www-form-urlencoded', 因此文件为空。