表单enctype =“multipart / form-data”不工作

时间:2013-08-21 07:17:36

标签: asp.net-mvc asp.net-mvc-3 razor

我已经完成了使用表单将照片上传到MVC(照片作为参数发送到AJAX CALL)控制器的测试,现在需要做同样的但是修改过:

原始资源有效:

<form action="/Home/Upload"  method="post" enctype="multipart/form-data">

<label for="photo">Photo:</label>
<input type="file" name="photo" id="photo" />

<input id="uploadbtn" type="submit" value="Upload" />
</form>
来自Controller的

和Action代码:

    [HttpPost]
    public ActionResult Upload(HttpPostedFileBase photo)
    {
        // Verify that the user selected a file
        if (photo != null && photo.ContentLength > 0)
        {
            // extract only the fielname
            var fileName = Path.GetFileName(photo.FileName);
            // store the file inside ~/App_Data/uploads folder
            var path = Path.Combine(Server.MapPath("~/C:/poze"), fileName);
            photo.SaveAs(path);

        }
        return Json(new { Success = true });
    }

这样可行,但在这种情况下不起作用:

@using (Html.BeginForm(null, null, FormMethod.Post, new { enctype = "multipart/form-data" }))
{

  <div class="control-group">
    <label class="control-label" for="photo">Photo:</label>
    <div class="controls">
        <input type="file" name="photo" id="photo" />
    </div>
  </div>
}

和行为代码是:

public ActionResult EditModule(INT ID, string Description, HttpPostedFileBase photo)
{
    if (photo != null && photo.ContentLength > 0)
    {
        // extract only the fielname
        var fileName = Name + ".png";
        // store the file inside ~/App_Data/uploads folder
        var path = Path.Combine(Server.MapPath("~/Content/Module Previews"), fileName);
        photo.SaveAs(path);
    }

    else
    {
        Status += "Error image";
        Success = false;
    }
}

当我调试EditModule时,照片的值为NULL。 我确定javascript和ajax调用没有问题。

3 个答案:

答案 0 :(得分:7)

您已将控制器和操作名称设置为null,因此表单不知道要发布到哪里。将前2个参数更改为操作名称和控制器名称:

@using (Html.BeginForm("Upload", "Home", FormMethod.Post, 
                                   new { enctype = "multipart/form-data" }))

答案 1 :(得分:2)

  

当我调试EditModule时,照片的值为NULL。我确定javascript和ajax调用没有问题

您无法使用ajax上传二进制文件。您必须使用<IFRAME>或Flash插件。

有关详细信息,请参阅此答案:https://stackoverflow.com/a/6462673/70386

答案 2 :(得分:0)

当你在操作和控制器中放置null时,MVC使用当前操作和控制器。