I am talking about uploading the image file to a textbox set as varbinary. Please HELP! Please how do I convert the image file to byte array so I can store that in the database. Also how do I render the image from the database unto my view for visualisation?
Here is the code and the textbox html code:
function displayFileName(fileInput) {
// Get the value (path/filename) from the file input element
var fullPath = fileInput.value;
// Use JavaScript to get just the filename without the "C:\fakepath\" prefix
var fileName = fullPath.split('\\').pop();
// Find the target textbox and set its value to the filename
document.getElementById("WorkerImage").value = fileName;
}
<form asp-action="WorkerIdentification">
<div asp-validation-summary="ModelOnly" class="text-danger"></div>
<div class="form-group">
<label asp-for="FirstName" class="control-label"></label>
<input asp-for="FirstName" class="form-control" name="FirstName" />
<span asp-validation-for="FirstName" class="text-danger"></span>
</div>
<div class="form-group">
<label asp-for="LastName" class="control-label"></label>
<input asp-for="LastName" class="form-control" name="LastName" />
<span asp-validation-for="LastName" class="text-danger"></span>
</div>
<div class="form-group">
<label asp-for="WorkerImage" class="control-label"></label>
<input asp-for="WorkerImage" class="form-control" id="WorkerImage" />
<span asp-validation-for="WorkerImage" class="text-danger"></span>
</div><br />
<input type="file" id="imageInput" accept="image/*" onchange="displayFileName(this);" />
<div class="form-group">
<input type="submit" value="Reposit" class="btn btn-primary" />
</div>
