How to display user picture base on the username in ASP MVC?

Hi guys i have this problem how can I display the picture of the user base on the username when the pictures is in the Network Folder \\10.10.25\\AquariusImages\IdPictures\rortega.jpg

This is the js function

//DTR functions
DTR.init = function () {
user = $("#user").text();
username = $("#username").text();
userIdEmployee = $("#userIdEmployee").text();

if ($('#userGender').text() == "Female") {
$("#imageProfileFemale").show();
$("#imageProfileMale").hide();
}
else {
$("#imageProfileMale").show();
$("#imageProfileFemale").hide();
}

$("#dtrBTN").addClass("active");
$("#eventManagerBTN").removeClass("active");
$("#hrisBTN").removeClass("active");

DTR.SetUserData();
DTR.SetDate();
DTR.GetTransactionLogs();
}

DTR.SetUserData = function () {
$.ajax({
url: "/Modules/FetchUserData",
type: "GET",
data: {
username: username
},
dataType: "json",
success: function (data) {
for (var i in data) {
$('#iDNumber').val(data[i].employeeIdNo);
$('#employeeName').val(data[i].employeeName);
$('#employeePosition').val(data[i].positionName);
$('#employeeDepartment').val(data[i].departmentName);
$('#timeIN').val(data[i].inTimeTransLog);
$('#timeOUT').val(data[i].outTimeTransLog);
}
}
});
}

This part is for the Header.cshtml where the user picture thumbnail is located

@ViewBag.User

how can I display the user picture guys? please help

In my relevant post I have suggeted the following to show image, Check the following code and implement in your solution:

Sometimes modern browsers don't allow access to files outside network for security reasons. If you have created your own network with full previlliage then get the Image from ftp in server-side and convert the image to it's base64 then display.

string picturePath = "\\10.10.10.67\AQSImages\IdPictures.jpg"

// Convert and display the image.

lbl_images.Text += "

// Function that converts an image to base64.

protected string ConvertPhotoBase64Img(string fileNameandPath)

{

byte[] byteArray = File.ReadAllBytes(fileNameandPath);

string base64 = Convert.ToBase64String(byteArray);

return string.Format("data:image/gif;base64,{0}", base64);

}

1 Reply

Know the answer? Post it — somebody with the same question will find it here.

Muhammad Imran Ansari4y ago
Accepted answer
In my relevant post I have suggeted the following to show image, Check the following code and implement in your solution:

Sometimes modern browsers don't allow access to files outside network for security reasons. If you have created your own network with full previlliage then get the Image from ftp in server-side and convert the image to it's base64 then display.
string picturePath = "\\10.10.10.67\AQSImages\IdPictures.jpg"
// Convert and display the image.
lbl_images.Text += "";
// Function that converts an image to base64.
protected string ConvertPhotoBase64Img(string fileNameandPath)
{
byte[] byteArray = File.ReadAllBytes(fileNameandPath);
string base64 = Convert.ToBase64String(byteArray);
return string.Format("data:image/gif;base64,{0}", base64);
}

+1