Asp.Net Core 3.1 MVC ¿Cómo cargar fotos en el proyecto? [duplicar]

Question

Asp.Net Core 3.1 MVC En mi proyecto , el usuario debe cargar una foto y quiero mantener la foto en wwwroot / database. En la base de datos, solo se requiere la ruta a la foto, pero cada vez que mi objeto IFromfile aparece como nulo. Gracias desde ahora

Answer 1

Puedes hacerlo con los siguientes pasos.

1. Crea un modelo Image:

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

2. Cree una carpeta Imagesdebajo de suwwwroot

3. El código de la vista de í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: