文件上传不工作

Question

我已经提交了MVC3文件normally.Now我需要做Ajax.So我用这个jQuery插件一样：http://jquery.malsup.com/form/#ajaxSubmit

查看代码：

$(document).ready(function() { 
     var options = { 
      url: "/Home/TakeFile", 
      dataType: "json", 
      success: showResponse 
     }; 


     $("#File").submit(function() { 
      alert("submit"); 
      $(this).ajaxSubmit(options); 
      return false; 
     }); 
    }); 


    function showResponse(responseText, statusText, xhr, $form) { 
     alert("showResponse"); 
     alert(responseText.fileName); 
    } 
</script> 

@using (Html.BeginForm("TakeFile", "Home", FormMethod.Post, new { @id = "File", enctype = "multipart/form-data" })) 
{ 
    <input type="file" id="file" /> 
    <input type="submit" value="Click to submit" id="button" /> 
} 

控制器代码：

[HttpPost] 
     public ActionResult TakeFile(HttpPostedFileBase file) 
     { 
      return Json(new { fileName=file.FileName}); 
     } 

在我的 'TakeFile' 方法的文件参数总是null.Can't似乎得到它working.Also，它使用“的Ajax我们可以做.BeginForm（）'helper？

Answer 1

的名称一个<form>内的<input> html元素的属性使用的形式被提交之后，以引用的表单数据。

注意：只有具有name属性的表单元素在提交表单时才会传递其值。

由于动作方法public ActionResult TakeFile(HttpPostedFileBase file){..}有一个参数名称'文件'，在该视图中，文件输入元素应该具有name='file'属性。更新代码：

@using (Html.BeginForm("TakeFile", "Home", FormMethod.Post, new { @id = "File", enctype = "multipart/form-data" })) 
{ 
    <input type="file" id="file" name="file" /> 
    <input type="submit" value="Click to submit" id="button" /> 
} 

Answer 2

尝试使用如下

<input type="file" id="file" name = "attachment"/> 

控制器内添加以下代码获取文件对象

var file = Request.Files["attachment"]; 

Answer 3

的dataType:json在您选择上传文件时似乎很奇怪，你有没有尝试删除它？

也可以尝试使用Name属性与输入型

<input type="file" id="file" name="file" /> 

Answer 4

据我所知，你不能通过AJAX上传文件...需要一个完整的回传后的文件。

你需要一个闪存解决方案或类似的东西，以使其发生。 使用UPLOADIFY例如...

See this blog post to make it work