Jc John Jc John - 26 days ago 9
Javascript Question

Changing my imag src using ajax getting the location from db

How can I change the img src of the img using the ajax. I have the location save in my database and I want to set the img src from the value of something

data[0]['patient_photo']
I have the html of like this from my image :

<img id="checkup_pic" src="">


Here is my ajax code :

success: function(data) {
$('#valfname').text(data[0]['patient_fname']);
$('#valmname').text(data[0]['patient_mname']);
$('#vallname').text(data[0]['patient_lname']);
$('#valad').text(data[0]['patient_address']);
$('#valcont').text(data[0]['patient_contact_info']);
$('#valsex').text(data[0]['patient_sex']);
$('#valcvilstat').text(data[0]['patient_civil_status']);
$('#valbday').text(data[0]['patient_bday']);
$('#valage').text(data[0]['patient_age']);
$('#valheight').text(data[0]['patient_height']);
$('#valweight').text(data[0]['patient_weight']);

$('#checkup_pic').attr("src","");

Answer

You need to use attr property of jquery and pass your src in the value.

Try below code:

$('#checkup_pic').attr("src",data[0]['patient_photo']);
Comments