Loading
How to upload image in local drive folder using AJAX in ASP.NET CORE ?   
  1. public class HomeController:Controller  
  2. {  
  3. private readonly IWebHostEnvironment webHostEnvironment;  
  4.       
  5.     public HomeController(IWebHostEnvironment webHostEnvironment)  
  6.     {  
  7.         this.webHostEnvironment = webHostEnvironment;  
  8.     }  
  9. public IActionResult Upload(IFormFile MyUploader)  
  10.     {  
  11.         if (MyUploader != null)  
  12.         {  
  13.             string uploadsFolder = Path.Combine(webHostEnvironment.WebRootPath, "mediaUpload");  
  14.             string filePath = Path.Combine(uploadsFolder, MyUploader.FileName);  
  15.             using (var fileStream = new FileStream(filePath, FileMode.Create))  
  16.             {  
  17.                 MyUploader.CopyTo(fileStream);  
  18.             }  
  19.             return new ObjectResult(new { status = "success" });  
  20.         }  
  21.         return new ObjectResult(new { status = "fail" });  
  22.   
  23.     }  
  24. }  
  1. $("#btnUpload").on('click',function(){  
  2.   var files = $('#fileUpload').prop("files");                  
  3.     var url = "/home/upload";  
  4.     formData = new FormData();  
  5.     formData.append("MyUploader", files[0]);  
  6.   
  7.     jQuery.ajax({  
  8.         type: 'POST',  
  9.         url: url,  
  10.         data: formData,  
  11.         cache: false,  
  12.         contentType: false,  
  13.         processData: false,  
  14.         
  15.         success: function (repo) {  
  16.             if (repo.status == "success") {  
  17.                 alert("File : " + repo.filename + " is uploaded successfully");  
  18.             }  
  19.         },  
  20.         error: function() {  
  21.             alert("Error occurs");  
  22.         }  
  23.     });  
  24. });  
 
  • Jignesh Kumar

    Jignesh KumarPosted Jun 14, 2022, 3:24 AM

    Hi Ramon,
     
    Please refer this link,
    https://docs.microsoft.com/en-us/aspnet/core/mvc/models/file-uploads?view=aspnetcore-6.0