如何使用 ASP.NET MVC 将图像名称上传到数据库？

Question

我正在尝试在 MVC 中做一个电影画廊，我有以下算法：

1. 将图像保存到服务器的特定文件夹中。 Path.Combine(Server.MapPath("~/Images"), Path.GetFileName(archivo.FileName));
2. 并将图像名称保存到数据库。 （不是完整路径，就像 Hello.jpg）。
3. 在视图中，只需使用 foreach 循环键入 <img src="/Images/@MovieGallery.Imagen"/> 即可显示它们。

（如果我的算法不好请指正）

这是我的代码：

控制器

        [HttpPost]
    public ActionResult Peliculas_Agregar(pelicula pelis)  {

        string path="";
        HttpPostedFileBase archivo = Request.Files["Imagen"]; // @name= file, capturo el name


            if (ModelState.IsValid) { // Validar si son validos los campos segun DBSET
                    try
                    {

                        if (archivo != null && archivo.ContentLength > 0) { //El nombre del archivo debe ser mayor que 0 y no debe ser nulo
                            try
                            {
                                path = Path.Combine(Server.MapPath("~/Images"), Path.GetFileName(archivo.FileName));
                                archivo.SaveAs(path);

                    }
                    catch (Exception ex) {
                                ViewBag.ErrorArchivo = ex;
                            }
                        }

                        Cine.peliculas.Add(pelis);
                        Cine.SaveChanges();
                    }
                catch (Exception ex){
                        ViewBag.Error = ex;
                    }

            }
        return View(pelis);
    }

模型（由实体框架生成）

 public int id_peli { get; set; }
    public string titulo { get; set; }
    public string director { get; set; }
    public string cast { get; set; }
    public string descripcion { get; set; }
    public Nullable<int> duracion { get; set; }
    public string categoria { get; set; }
    [DataType(DataType.Upload)]
    [Display(Name = "Cargar imagen")]
    //[Required(ErrorMessage = "Por favor carga una imagen")]
    public string imagen { get; set; } // here is where i want to save files name, not the path.

查看

@using (Html.BeginForm("Peliculas_Agregar", "Admin", FormMethod.Post, new { enctype = "multipart/form-data" }))
{
    @Html.AntiForgeryToken()
    <div class="Formas">
        <div class="form-group">
            @Html.LabelFor(m => m.titulo, new { htmlAttributes = new { @for = "exampleTittle" } })
            @Html.EditorFor(m => m.titulo, new { htmlAttributes = new { @placeholder = "Título", @class = "form-control"} })
        </div>
        <div class="form-group">
            <input type="file" name="Imagen" />
        </div>
    </div>
    <input type="submit" value="Agregar Película" class="btn btn-outline-primary" />
}

我的代码工作OK，但我面临的主要问题是我不能或我不知道如何将图像名称保存到数据库中因为 我没有得到传入参数的图像的字符串名称。我只是得到一个名为 System.Web.HttpPostedFileWrapper 的字符串或类型： System.Web.HttpPostedFileWrapper

我认为这是因为我正在使用 HttpPostedFileBase 将图像保存到服务器中，但我无法编辑它并将图像名称仅保存到服务器中。不能两样都做。我该如何解决这个问题？

Answer 1

根据两个喜欢的答案，我们使用视图模型发布表单和文件。然后我们在执行数据库操作之前将 VM 字段映射到实体的字段。

实体模型

public class Movie
{
    public string Title { get; set; }
    public string FileName { get; set; }
}

创建一个视图模型来捕获您的表单值

public class MovieVM
{
    public string Title { get; set; }

    [Display(Name = "Upload Image")]
    public HttpPostedFileBase Image { get; set; }
}

动作接受 MovieVM 而不是实体

[HttpPost]
public ActionResult UploadMovie(MovieVM model)
{
    if (ModelState.IsValid)
    {
        // save file
        // ...

        // Map to Entity to save to db
        Movie movie = new Movie
        {
            Title = model.Title,
            FileName = model.Image.FileName
        };

        db.Movies.Add(movie);
        db.SaveChanges();

        return RedirectToAction("Success");
    }
    return View(model);
}

1. Upload image included in MVC model
2. What is ViewModel in MVC?