How to upload image into database with ASP.NET web api and knockout

See more:

C#

ASP.NET

web

API

Knockout.js

how do i create a bindable view for the below mentioned code, am new into knockout js, and i couldn't find any example regarding uploading images into database using web api and knockout js

What I have tried:

public class Agent
{
public int Id { get; set; }
public string FirstName { get; set; }
public string LastName { get; set; }
public string ImagePath { get; set; }
}

my post api controller

public async Task<HttpResponseMessage> Post(Agent newAgent)
{
if (newAgent != null)
{
string regEx = "data:(.+);base64,(.+)";
Match match = Regex.Match(newAgent.ImagePath, regEx);
if (match.Success)
{
string imageType = match.Groups[1].Value;
string base64image = match.Groups[2].Value;

if (imageType != null && base64image != null)
{
string imageRegEx ="image/(.+)";
match = Regex.Match(imageType, imageRegEx);
if (match.Success)
{
string fileExtension = match.Groups[1].Value;
byte[] image = Convert.FromBase64String(base64image);

string path = HttpContext.Current.Server.MapPath("~/images");
string fileName = newAgent.FirstName + newAgent.LastName;


string targetFile = fileName + "." + fileExtension;
int index = 0;
while (File.Exists(Path.Combine(path, targetFile)))
{
index++;
targetFile = fileName + index + "." + fileExtension;
}

File.WriteAllBytes(Path.Combine(path, targetFile), image);
newAgent.ImagePath = "images/"; + targetFile;

newAgent = Database.AddAgent(newAgent);

var response = Request.CreateResponse(HttpStatusCode.Created, newAgent);
string uri = Url.Link("GetAgent", new { id = newAgent.Id });
response.Headers.Location = new Uri(uri);

return response;
}
}
}
}
throw new HttpResponseException(Request.CreateErrorResponse(
HttpStatusCode.BadRequest, "Could not deserialize agent"));

}