如何在数据库中上传多个图像

Question

我正在尝试上传学生的多张图片。 我想将文件名保存在数据库中并在 www/studentimages 目录中上传图像。 但是，通过我尝试过的方法，我可以上传多张图像，但它只会将最后选择的图像的名称保存在数据库中。

public async Task<IActionResult> NewStudent(Student p)
        {
            var files = HttpContext.Request.Form.Files;
            foreach (var Image in files)
            {
                if (Image != null && Image.Length > 0)
                {
                    var file = Image;
                    var uploads = System.IO.Path.Combine(Directory.GetCurrentDirectory(), "wwwroot/studentimages");
                    if (file.Length > 0)
                    {
                        var fileName = ContentDispositionHeaderValue.Parse
                            (file.ContentDisposition).FileName.Trim('"');

                        System.Console.WriteLine(fileName);
                        using (var fileStream = new FileStream(Path.Combine(uploads, file.FileName), FileMode.Create))
                        {
                            await file.CopyToAsync(fileStream);
                            p.Image = file.FileName;
                        }
                   }
                }
            }
             _context.Students.Add(p);
            await _context.SaveChangesAsync();
            return RedirectToAction("Index");
        } 


***My Student Class***

using System.Collections.Generic;
namespace PhotoUpload.Models
{
    public class Student
    {
        public int Id { get; set; }
        public string Name { get; set; }
        public string Address { get; set; }
        public List<string> Image{get;set;}

    }
}

Answer 1

您在每个循环上都覆盖学生图像，更改

p.Image = file.FileName;

至

p.Image = p.Image +"-"+ file.FileName;

所以这将用“-”分隔的所有文件名保存学生。

如果您想显示您的学生图像，您需要再次分离文件名，您可以使用 split() 来实现

string[] filenames = p.Image.Split('-');

这将返回一个包含您的文件名的字符串数组。

由于您的 model 中没有图像列表，您应该使用 razor 代码在视图中进行拆分：

@foreach (var filename in Model.Image.Split('-'))
{
<img src="PathWhereImageIsSave/@filename"  alt="" />
}

说清楚，这种方法不是最好的，文件名中可以包含一个'-'会导致拆分失败，我的建议是，如果你有一个学生有很多图像，你应该创建一个文件表关系到你的学生表，然后做一些像 Erdi 说的事情

Answer 2

更改您的 class

public string  Image {get;set;}

至

public List<string> Image{get;set;}

并在 controller 中更改它

p.Image = file.FileName; 

至

p.Image = new List<string>();
p.Image.Add(file.Filename)

我认为它可以帮助你。 如果没有，我需要您的学生 class 来帮助您。

用于在视图中显示

@foreach(var item in Model.Image)
{
    <img src="~/studentimages/@item.Filename" />
}

您需要为您的 wiev 代码编辑它