How to upload image in local drive folder using AJAX in ASP.NET CORE ?

Question

Hi guys how can i upload image to my local drive folder using AJAX and ASP.NET CORE ?

Jignesh Kumar · Answer

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

Sachin Singh · Answer

follow this class = "row" > upload image class = " form-group text-center offset-3" > class = "custom-file" > "file" id= "fileUpload" class = "fileUpload" > "btnUpload" class = "btn btn-success" >Upload public class HomeController:Controller { private readonly IWebHostEnvironment webHostEnvironment; public HomeController(IWebHostEnvironment webHostEnvironment) { this .webHostEnvironment = webHostEnvironment; } public IActionResult Upload(IFormFile MyUploader) { if (MyUploader != null) { string uploadsFolder = Path.Combine(webHostEnvironment.WebRootPath, "mediaUpload" ); string filePath = Path.Combine(uploadsFolder, MyUploader.FileName); using (var fileStream = new FileStream(filePath, FileMode.Create)) { MyUploader.CopyTo(fileStream); } return new ObjectResult( new { status = "success" }); } return new ObjectResult( new { status = "fail" }); } } $( "#btnUpload" ).on( 'click' ,function(){ var files = $( '#fileUpload' ).prop( "files" ); var url = "/home/upload" ; formData = new FormData(); formData.append( "MyUploader" , files[0]); jQuery.ajax({ type: 'POST' , url: url, data: formData, cache: false , contentType: false , processData: false , success: function (repo) { if (repo.status == "success" ) { alert( "File : " + repo.filename + " is uploaded successfully" ); } }, error: function() { alert( "Error occurs" ); } }); });