0

我正在尝试从我的表单中上传图像文件以及模型中的其他字段。我的HttpPostedFileBase收藏总是空的，计数为 0。

我在 SO 中提到了许多与此相关的其他问题，但不知何故我无法找到解决方案。

看法：

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

    <div class="form-horizontal">

        @Html.ValidationSummary(true)

        <div class="form-group">
            @Html.LabelFor(model => model.Id, new { @class = "control-label col-md-2" })
            <div class="col-md-10">
                @Html.EditorFor(model => model.Id)
                @Html.ValidationMessageFor(model => model.Id)
            </div>
        </div>

        <div class="form-group">
            @Html.LabelFor(model => model.ProfileId, "ProfileId", new { @class = "control-label col-md-2" })
            <div class="col-md-10">
                @Html.DropDownList("ProfileId", String.Empty)
                @Html.ValidationMessageFor(model => model.ProfileId)
            </div>
        </div>


        <div class="form-group">
            @Html.LabelFor(model => model.Image1, new { @class = "control-label col-md-2" })
            <div class="col-md-10">
                <input name="fileuploadImage1" type="file" />
            </div>
        </div>

        <div class="form-group">
            @Html.LabelFor(model => model.Image2, new { @class = "control-label col-md-2" })
            <div class="col-md-10">
                <input name="fileuploadImage2" type="file" />
            </div>
        </div>

        <div class="form-group">
            @Html.LabelFor(model => model.Image3, new { @class = "control-label col-md-2" })
            <div class="col-md-10">
                <input name="fileuploadImage3" type="file" />
            </div>
        </div>

        <div class="form-group">
            @Html.LabelFor(model => model.Image4, new { @class = "control-label col-md-2" })
            <div class="col-md-10">
                <input name="fileuploadImage4" type="file" />
            </div>
        </div>

        <div class="form-group">
            @Html.LabelFor(model => model.Image5, new { @class = "control-label col-md-2" })
            <div class="col-md-10">
                <input name="fileuploadImage5" type="file" />
            </div>
        </div>

        <div class="form-group">
            <div class="col-md-offset-2 col-md-10">
                <input type="submit" value="Create" class="btn btn-default" />
            </div>
        </div>
    </div>
}

控制器：

    [HttpPost]
    [ValidateAntiForgeryToken]
    public ActionResult Create([Bind(Include = "Id,ProfileId,fileuploadImage1,fileuploadImage2,fileuploadImage3,fileuploadImage4,fileuploadImage5,Files")] HomepageSetting homepagesetting)
    {
        if (ModelState.IsValid)
        {
            try
            {
                List<String> imagesFilenames = new List<String>();
                /*Lopp for multiple files*/
                foreach (HttpPostedFileBase file in homepagesetting.Files)
                {
                    /*Geting the file name*/
                    string filename = System.IO.Path.GetFileName(file.FileName);
                    /*Saving the file in server folder*/
                    file.SaveAs(Server.MapPath("~/Images/" + filename));
                    string filepathtosave = "Images/" + filename;
                    imagesFilenames.Add(filepathtosave);
                }


                if(imagesFilenames.Count == 1)
                {
                    homepagesetting.Image1 = imagesFilenames[0];
                }
                else if (imagesFilenames.Count == 2)
                {
                    homepagesetting.Image1 = imagesFilenames[0];
                    homepagesetting.Image2 = imagesFilenames[1];
                }
                else if (imagesFilenames.Count == 3)
                {
                    homepagesetting.Image1 = imagesFilenames[0];
                    homepagesetting.Image2 = imagesFilenames[1];
                    homepagesetting.Image3 = imagesFilenames[2];

                }
                else if (imagesFilenames.Count == 4)
                {
                    homepagesetting.Image1 = imagesFilenames[0];
                    homepagesetting.Image2 = imagesFilenames[1];
                    homepagesetting.Image3 = imagesFilenames[2];
                    homepagesetting.Image4 = imagesFilenames[3];

                }
                else if (imagesFilenames.Count == 5)
                {
                    homepagesetting.Image1 = imagesFilenames[0];
                    homepagesetting.Image2 = imagesFilenames[1];
                    homepagesetting.Image3 = imagesFilenames[2];
                    homepagesetting.Image4 = imagesFilenames[3];
                    homepagesetting.Image5 = imagesFilenames[4];
                }                    

                ViewBag.Message = "File Uploaded successfully.";
            }
            catch
            {
                ViewBag.Message = "Error while uploading the files.";
            }
            db.HomepageSettings.Add(homepagesetting);
            db.SaveChanges();
            return RedirectToAction("Index");
        }

        ViewBag.ProfileId = new SelectList(db.Profiles, "Id", "name", homepagesetting.ProfileId);
        return View(homepagesetting);
    }

模型：

public partial class HomepageSetting
{
    public int Id { get; set; }
    //other  model properties

    public string Image1 { get; set; }
    public string Image2 { get; set; }
    public string Image3 { get; set; }
    public string Image4 { get; set; }
    public string Image5 { get; set; }

    public virtual Profile Profile { get; set; }
    public List<HttpPostedFileBase> Files { get; set; }
    public HomepageSetting()
    {
        Files = new List<HttpPostedFileBase>();
    }
}

谁能指出我在这里做错了什么？

4

2 回答 2

2

而不是 foreach 循环这样做，它发生在 foreach 因为我也遇到了这个问题：

for (int i = 0; i < Request.Files.Count; i++)
{
   HttpPostedFileBase myFile = Request.Files[i];
}
于 2014-12-24T07:18:09.803 回答
1

在 MVC 中，您始终必须正确命名 html 元素才能使用其默认绑定。在您的情况下， fileupload 控件的名称类似于 fileuploadImage1 ， fileuploadImage2 并且不在您的模型中，因此它没有绑定。

我建议你应该命名你所有的文件上传元素名称。

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

    <div class="form-horizontal">

        @Html.ValidationSummary(true)

        <div class="form-group">
            @Html.LabelFor(model => model.Id, new { @class = "control-label col-md-2" })
            <div class="col-md-10">
                @Html.EditorFor(model => model.Id)
                @Html.ValidationMessageFor(model => model.Id)
            </div>
        </div>

        <div class="form-group">
            @Html.LabelFor(model => model.ProfileId, "ProfileId", new { @class = "control-label col-md-2" })
            <div class="col-md-10">
                @Html.DropDownList("ProfileId", String.Empty)
                @Html.ValidationMessageFor(model => model.ProfileId)
            </div>
        </div>


        <div class="form-group">
            @Html.LabelFor(model => model.Image1, new { @class = "control-label col-md-2" })
            <div class="col-md-10">
                <input name="files" type="file" />
            </div>
        </div>

        <div class="form-group">
            @Html.LabelFor(model => model.Image2, new { @class = "control-label col-md-2" })
            <div class="col-md-10">
                <input name="files" type="file" />
            </div>
        </div>

        <div class="form-group">
            @Html.LabelFor(model => model.Image3, new { @class = "control-label col-md-2" })
            <div class="col-md-10">
                <input name="files" type="file" />
            </div>
        </div>

        <div class="form-group">
            @Html.LabelFor(model => model.Image4, new { @class = "control-label col-md-2" })
            <div class="col-md-10">
                <input name="files" type="file" />
            </div>
        </div>

        <div class="form-group">
            @Html.LabelFor(model => model.Image5, new { @class = "control-label col-md-2" })
            <div class="col-md-10">
                <input name="files" type="file" />
            </div>
        </div>

        <div class="form-group">
            <div class="col-md-offset-2 col-md-10">
                <input type="submit" value="Create" class="btn btn-default" />
            </div>
        </div>
    </div>
}

你必须做的动作。

[HttpPost]
public ActionResult View1([Bind(Include = "Id,ProfileId,fileuploadImage1,fileuploadImage2,fileuploadImage3,fileuploadImage4,fileuploadImage5,Files")] HomepageSetting homepagesetting)
        {
            for (int i = 0; i < homepagesetting.Files.Count; i++)
            {
                if (homepagesetting.Files[i] != null)
                {
                }
            }
            return View();
        }
于 2014-12-24T07:27:58.060 回答