javascript - Changing my imag src using ajax getting the location from db - Stack Overflow

admin管理员组

文章数量:1400167

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","");

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","");

• javascript
• php
• jquery
• ajax
• image

Share Improve this question Follow edited Nov 7, 2016 at 9:26 Zakaria Acharki 67.5k1515 gold badges7878 silver badges106106 bronze badges asked Nov 7, 2016 at 9:20 Jc JohnJc John 1,85922 gold badges4141 silver badges7878 bronze badges 1

• 1 $('#checkup_pic').attr("src", data[0]['patient_photo']); ...? – Rory McCrossan Commented Nov 7, 2016 at 9:23

Add a ment  | 

3 Answers 3

Sorted by: Reset to default 6

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']);

You could use jQuery functions prop() or attr() to set property to the DOM elements :

prop() : Set one or more properties for the set of matched elements.

attr() : Set one or more attributes for the set of matched elements.

So you need just to pass the source of your image data[0]['patient_photo'] to the src attribute of your img tag identified by #checkup_pic, like :

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

Hope this helps.

Try this:

$.ajax({
    url: url, // url of your file from your data is being fetched like index.php
    type: 'post',
    success: function(data) {
        $("#checkup_pic").attr('src', data[0]['patient_photo']);
    }
})

本文标签： javascriptChanging my imag src using ajax getting the location from dbStack Overflow