Asp.Net Core 3.1 MVC Como fazer upload de fotos no projeto? [duplicado]

Question

Asp.Net Core 3.1 MVC No meu projeto , o usuário precisa fazer upload de uma foto e eu quero manter a foto em wwwroot / banco de dados. No banco de dados, apenas o caminho para a foto é necessário, mas sempre que meu objeto IFromfile vem como nulo. Obrigado a partir de agora

Answer 1

Você pode fazer isso com as seguintes etapas.

1. Crie um modelo Image:

   public class Image
   {
       public int Id { get; set; }
       public string Path { get; set; } 
   }
   

2. Crie uma pasta Imagesem seuwwwroot

3. O código de visualização do índice:

   @model Image
   
   <form asp-controller="Home" asp-action="Index" method="post" enctype="multipart/form-data">
       <input type="file" name="uploadFile" class="form-control" />
       <input type="submit" value="submit" id="sub" />
   </form>
   

4. Controlador:

   public class HomeController : Controller
   {
       private readonly ApplicationDbContext _context;
       private readonly IWebHostEnvironment _hostingEnvironment;
   
       public HomeController(ApplicationDbContext context, IWebHostEnvironment hostingEnvironment)
       {
           _context = context;
           _hostingEnvironment = hostingEnvironment;
       }
   
       public IActionResult Index()
       {
           return View();
       }
   
       [HttpPost]
       public async Task<IActionResult> IndexAsync(Image image,IFormFile uploadFile)
       {
           if (uploadFile != null && uploadFile.Length > 0)
           {
               var fileName = Path.GetFileName(uploadFile.FileName);
               var filePath = Path.Combine(Directory.GetCurrentDirectory(), "wwwroot/images", fileName);
               image.Path = filePath;
   
               _context.Images.Add(image);
               _context.SaveChanges();
   
               using (var fileSrteam = new FileStream(filePath, FileMode.Create))
               {
                    await uploadFile.CopyToAsync(fileSrteam);
               }
           }
   
           return View();
       }
   

Resultados: