Как загрузить изображение в базу данных и отобразить его обратно в представление ASP.NET Core MVC - PullRequest
Новая
       23

Как загрузить изображение в базу данных и отобразить его обратно в представление ASP.NET Core MVC

0 голосов
/ 30 сентября 2019

Классы данных EF core `

 public class Manga
    {
        public int Id { get; set; }
        public string Name { get; set; }
        public string Description { get; set; }
        public DateTime? DateCreated { get; set; }
        public DateTime? Updated { get; set; }
        public byte[] Image { get; set; }
        //Manga can have many chapters
        public ICollection<Chapter> Chapters { get; set; }
    }
    public class Chapter
    {
        public int Id { get; set; }
        public string Name { get; set; }
        public string Description { get; set; }
        public DateTime? DateCreated { get; set; }
        public DateTime? Updated { get; set; }
        public byte[] Image { get; set; }
        //Chapter can only have manga
        public Manga Manga { get; set; }
        //The chapter connected to the manga
        public int MangaId { get; set; }
    }

` Я пытаюсь научиться загружать изображения и файлы. Правильное изображение является приоритетом. Я хочу разрешить пользователям загружать изображения и использоваться публично. Я использую метод двоичного массива. Это плохая идея? Что будет лучше, если это не пойдет?

При работе над этим я получаю ошибку модели:

Значение 'narutotest.jpg' недопустимо для изображения

Мой код: 

[HttpPost]
[ValidateAntiForgeryToken]
public async Task<IActionResult> Create([Bind("Id,Name,Description,Image")] Manga manga, List<IFormFile> Image)
{
    if (ModelState.IsValid)
    {
        foreach (var item in Image)
        {
            if(item.Length > 0)
            {
                using (var stream = new MemoryStream())
                {
                    await item.CopyToAsync(stream);
                    manga.Image = stream.ToArray();
                }
            }
        }

        manga.DateCreated = DateTime.Now;
        manga.Updated = DateTime.Now;
        _context.Add(manga);
        await _context.SaveChangesAsync();
        return RedirectToAction(nameof(Index));
    }

    return View(manga);
}

Вид: 

<div class="row">
    <div class="col-md-4">
        <form asp-action="Create">
            <div asp-validation-summary="ModelOnly" class="text-danger"></div>
            <div class="form-group">
                <label asp-for="Name" class="control-label"></label>
                <input asp-for="Name" class="form-control" />
                <span asp-validation-for="Name" class="text-danger"></span>
            </div>
            <div class="form-group">
                <label asp-for="Description" class="control-label"></label>
                <input asp-for="Description" class="form-control" />
                <span asp-validation-for="Description" class="text-danger"></span>
            </div>
            <div class="form-group">
                <label asp-for="Image" class="control-label"></label>
                <input asp-for="Image" type="file" id="files" />
                <span asp-validation-for="Image" class="text-danger"></span>
            </div>
            <div class="form-group">
                <input type="submit" value="Create" class="btn btn-primary" />
            </div>
        </form>
    </div>
</div>

1 Ответ

0 голосов
/ 01 октября 2019

Вы должны предоставить более подробную информацию, такую ​​как Manga struct. Но есть две вещи, которые вы должны сначала заметить. Во-первых, для поддержки загрузки файлов формы HTML должны указывать enctype из multipart/form-data. Во-вторых, вы должны переместить _context.Add(manga) в файловый цикл foreach, зациклить файлы, прочитать в поток, сохранить в класс Manga, добавить / отследить в контекст и, наконец, вызвать context.SaveChangesAsync() для сохранения в базе данных за пределамипетли.

...