This is my html
<form enctype="multipart/form-data" class="needs-validation" id="formRequestLeave2">
<div class="row form-group">
<label class="col-md-4" for="File"><strong>Upload File</strong></label>
<div class="col-md-7 form-control">
<input class="form-control custom-file-input" id="fileUpload" name="File" type="file" required>
<label class="custom-file-label">Choose File...</label>
</div>
</div>
</form>
This is my javascript
function Insert() {
event.preventDefault();
var obj = new Object();
obj.EmployeeId = $("#employeeId2").val();
obj.File = $("#fileUpload").val();
manager = $("#managerName2").val()
$.ajax({
url: "/LeaveDetails/LeaveRequest",
type: "POST",
'data': obj,
})
}
This is my controller
public JsonResult LeaveRequest(LeaveRequestVM leaveRequestVM)
{
string uniqueFileName = null;
if (leaveRequestVM.File != null)
{
string uploadsFolder = Path.Combine(hostingEnvironment.WebRootPath, "files");
uniqueFileName = Guid.NewGuid().ToString() + "_" + leaveRequestVM.File.FileName;
string filePath = Path.Combine(uploadsFolder, uniqueFileName);
leaveRequestVM.File.CopyTo(new FileStream(filePath, FileMode.Create));
}
leaveRequestVM.uniqueFileName = uniqueFileName;
var result = repository.LeaveRequest(leaveRequestVM);
return Json(result);
}
im trying to send file type input to my controller from my view using ajax but it came out null i've been trying use
contentType: false,
processData: false
<form id="frmproduct" method="post" asp-antiforgery="true" class="row gy-1 pt-75" onsubmit="return false">
<span class="btn btn-primary btn-sm btn-file">
<input type="file" name="Image">
</span>
</form>
<script>
frmproduct.onsubmit = async (e) => {
e.preventDefault();
if (!$("#frmproduct").valid())
return false;
let response = await fetch('/base/product/Create', {
method: 'POST',
body: new FormData(frmproduct)
});
let data = await response.json();
};
</script>
and get File From Controller
[HttpPost, ValidateAntiForgeryToken]
public async Task<JsonResult> Create(ProductViewModel model, CancellationToken cancellationToken)
{
var File= Request.Form.Files;
}