Question

我使用asp.net mvc上传文件，需要上传文件，但无法使用此文件上传文件。如何使用ASP.NET MVC进行验证需要上传文件？

这是我的Model类代码。

public class Slider
    {
        public int SliderId { get; set; }

        [Required]
        public string Title { get; set; }
        [Required]
        public string FileURL { get; set; }

    }

这是我的创建控制器：

[HttpPost]
[ValidateAntiForgeryToken]
[ValidateInput(false)]
public ActionResult Create([Bind(Include = "SliderId,Title,FileURL")] HttpPostedFileBase file, Slider slider)
{
    if (ModelState.IsValid)
    {

        if (file != null)
        {
            string fil = System.IO.Path.GetFileName(file.FileName);
            string path = System.IO.Path.Combine(Server.MapPath("~/Content/Uploads/Slider/"), fil);
            file.SaveAs(path);
            slider.FileURL = "/Content/Uploads/Slider/" + file.FileName;
        }              

        db.Sliders.Add(slider);
        db.SaveChanges();
        return RedirectToAction("Index");
    }

    return View(slider);
}

这是我的观点：

@model Test.Models.Slider

@{
    ViewBag.Title = "Create";
    Layout = "~/Views/Shared/_Layout.cshtml";
}



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

    <div class="form-horizontal">
        <h2>Create</h2>
        <hr />
        @Html.ValidationSummary(true, "", new { @class = "text-danger" })
        <div class="form-group">
            @Html.LabelFor(model => model.Title,"Title*", htmlAttributes: new { @class = "control-label col-md-2" })
            <div class="col-md-10">
                @Html.EditorFor(model => model.Title, new { htmlAttributes = new { @class = "form-control" } })
                @Html.ValidationMessageFor(model => model.Title, "", new { @class = "text-danger" })
            </div>
        </div>

        <div class="form-group">
            <div class="col-md-2">
                <label for="file">Upload Image  for Slide*:</label>
            </div>
            <div class="col-md-10">
                <input type="file" name="file" id="file" style="width:50%" />

            </div>

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


@section Scripts {
    @Scripts.Render("~/bundles/jqueryval")
}

Answer 1

更改

第一个模型

  public class Slider
{
    public int SliderId { get; set; }

    [Required]
    public string Title { get; set; }

    public string FileURL { get; set; }
}

删除文件Url上所需的内容，因为这不是来自用户，但您应该填充它

第二次上传行动

[HttpPost]
    [ValidateAntiForgeryToken]
    [ValidateInput(false)]
    public ActionResult Create(HttpPostedFileBase file, Slider slider)
    {
        //Add validation if file is not present and fail model
        if (file == null)
        {
            ModelState.AddModelError("FileURL", "Please upload file");
        }

        if (ModelState.IsValid)
        {

            if (file != null)
            {
                string fil = System.IO.Path.GetFileName(file.FileName);
                string path = System.IO.Path.Combine(Server.MapPath("~/Content/Uploads/Slider/"), fil);
                file.SaveAs(path);
                slider.FileURL = "/Content/Uploads/Slider/" + file.FileName;
            }

            //db.Sliders.Add(slider);
            //db.SaveChanges();
            return RedirectToAction("Index");
        }

        return View("~/Views/Home/Index.cshtml", slider);
        //return View(slider);
    }

另外我不确定你为什么指定了额外的绑定，但我猜你有一些理由

第三视图

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

    <div class="form-horizontal">
        <h2>Create</h2>
        <hr />
        @Html.ValidationSummary(true, "", new { @class = "text-danger" })
        <div class="form-group">
            @Html.LabelFor(model => model.Title, "Title*", htmlAttributes: new { @class = "control-label col-md-2" })
            <div class="col-md-10">
                @Html.EditorFor(model => model.Title, new { htmlAttributes = new { @class = "form-control" } })
                @Html.ValidationMessageFor(model => model.Title, "", new { @class = "text-danger" })
            </div>
        </div>

        <div class="form-group">
            <div class="col-md-2">
                <label for="file">Upload Image  for Slide*:</label>
            </div>
            <div class="col-md-10">
                <input type="file" name="file" id="file" style="width:50%" />
                @Html.ValidationMessageFor(x=>x.FileURL)
            </div>

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

我添加了验证消息。当然，这条验证消息可以有自己的属性，我会对其进行修改，使其符合您的业务逻辑。

<input type="file" name="file" id="file" style="width:50%" />
            @Html.ValidationMessageFor(x=>x.FileURL)

Answer 2

我认为本教程中的解决方案更好，因为它不需要额外的属性：

https://www.aspsnippets.com/Articles/Fileupload-validation-using-Model-Data-Annotations-in-ASPNet-MVC.aspx

型号：

public class FileModel
{
    [Required(ErrorMessage = "Please select file.")]
    public HttpPostedFileBase PostedFile { get; set; }
}

查看：

@model FileUpload_Validation_MVC.Models.FileModel

@{
    Layout = null;
}
    <div>
            @using (Html.BeginForm("Index", "Home", FormMethod.Post, new { enctype = "multipart/form-data" }))
            {
                <span>Select File:</span>
                @Html.TextBoxFor(m => m.PostedFile, new { type = "file"})
                <br/>
                @Html.ValidationMessageFor(m => m.PostedFile, "", new { @class = "error" })
                <hr/>
                <input type="submit" value="Upload"/>
            }
        </div>

如何在asp.net mvc中进行文件上传？

2 个答案: