ASP .Net Core MVC загрузить изображение в SQLite

Question

Я хочу загрузить файл изображения и добавить его в SQLite. Я новичок в ASP .Net Core MVC и слежу за учебными пособиями https://docs.microsoft.com/en-us/aspnet/core/tutorials/first-mvc-app-mac/?view=aspnetcore-2.0. Я добавил поле ввода для загрузки файлов в представлении. Тем не менее, я не уверен, как идти дальше с контроллером и моделью. Пробовал искать везде. Одним из подходов является преобразование изображения в байт. Я не уверен, как я могу сделать это в моем случае. Любая помощь приветствуется :)

Модель:

public class Movie
{
    public int ID { get; set; }

    [StringLength(60, MinimumLength = 3)]
    [Required]
    public string Title { get; set; }

    [Display(Name = "Release Date")]
    [DataType(DataType.Date)]
    public DateTime ReleaseDate { get; set; }

    // use only letters (white space, numbers and special characters are not allowed). 
    [RegularExpression(@"^[A-Z]+[a-zA-Z""'\s-]*$")]
    [Required]
    [StringLength(30)]
    public string Genre { get; set; }

    [Range(1, 100)]
    [DataType(DataType.Currency)]
    public decimal Price { get; set; }

    [RegularExpression(@"^[A-Z]+[a-zA-Z""'\s-]*$")]
    [StringLength(5)]
    [Required]
    public string Rating { get; set; }

    [DataType(DataType.Upload)]    
      [Display(Name = "Upload File")]    
     // [Required(ErrorMessage = "Please choose file to upload.")]    
    public string Poster { get; set; }   
}

Контроллер:

public async Task<IActionResult> Edit(int id, [Bind("ID,Title,ReleaseDate,Genre,Price,Rating,Poster")] Movie movie)
            {
                if (id != movie.ID)
                {
                    return NotFound();
                }

                if (ModelState.IsValid)
                {
                    try
                    {
                        _context.Update(movie);
                        await _context.SaveChangesAsync();
                    }
                    catch (DbUpdateConcurrencyException)
                    {
                        if (!MovieExists(movie.ID))
                        {
                            return NotFound();
                        }
                        else
                        {
                            throw;
                        }
                    }
                    return RedirectToAction(nameof(Index));
                }
                return View(movie);
            }

Просмотр:

<form asp-action="Create" enctype="multipart/form-data">
            <div asp-validation-summary="ModelOnly" class="text-danger"></div>
            <div class="form-group">
                <label asp-for="Title" class="control-label"></label>
                <input asp-for="Title" class="form-control" />
                <span asp-validation-for="Title" class="text-danger"></span>
            </div>
            <div class="form-group">
                <label asp-for="ReleaseDate" class="control-label"></label>
                <input asp-for="ReleaseDate" class="form-control" />
                <span asp-validation-for="ReleaseDate" class="text-danger"></span>
            </div>
            <div class="form-group">
                <label asp-for="Genre" class="control-label"></label>
                <input asp-for="Genre" class="form-control" />
                <span asp-validation-for="Genre" class="text-danger"></span>
            </div>
            <div class="form-group">
                <label asp-for="Price" class="control-label"></label>
                <input asp-for="Price" class="form-control" />
                <span asp-validation-for="Price" class="text-danger"></span>
            </div>
             <div class="form-group">
                <label asp-for="Rating" class="control-label"></label>
                <input asp-for="Rating" class="form-control" />
                <span asp-validation-for="Rating" class="text-danger"></span>
            </div>

               <div class="form-group">
                <label asp-for="Poster" class="control-label"></label>
                <input type="file" asp-for="Poster" class="form-control" />
                <span asp-validation-for="Poster" class="text-danger"></span>
            </div>



            <div class="form-group">
                <input type="submit" value="Create" class="btn btn-default" />
            </div>
        </form>

Answer 1

Я не видел ваш код, но для меня то, что я делаю по нажатию кнопки, преобразует изображение в base64, используя JavaScript, например

var dataURL;
$("#uploadFileID").change(function() {
    var fileInput = $("#uploadFileID");
        var file = document.querySelector('#uploadFileID').files[0];
        var reader = new FileReader();
        reader.onloadend = function (f) {
            var canvas = document.createElement('CANVAS');
            var ctx = canvas.getContext('2d');
            ctx.drawImage(this, 0, 0);
            dataURL = canvas.toDataURL();
            });
        }
  });

, затем отправляет его в метод с помощью сообщения ajax и сохраняет его в базе данных