使用ajax更改我的圖像src從db獲取位置

如何使用ajax更改img的img src。我的位置在我的數據庫保存，我想設置從東西data[0]['patient_photo']價值IMG SRC我有這樣從我的圖片的HTML代碼：使用ajax更改我的圖像src從db獲取位置

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

這裏是我的Ajax代碼：

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

來源

2016-11-07 Jc John

'$（ '＃checkup_pic'）ATTR（「SRC」，數據[0] [ 'patient_photo']。）;'......？ –

你需要使用attr jquery的屬性，並通過你的src的值。

嘗試以下代碼：

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

來源

2016-11-07 09:24:28

偉大的幫助繼續幫助:) –

您可以使用jQuery功能prop()或attr()設置屬性的DOM元素：

prop（）：爲匹配元素集合設置一個或多個屬性。

attr（）：爲匹配元素集合設置一個或多個屬性。

所以你只需要通過#checkup_pic你的形象data[0]['patient_photo']源傳遞到src屬性您img標籤的標識，如：

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

希望這有助於。

來源

2016-11-07 09:23:22

嘗試這種情況：

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

來源

2016-11-07 09:24:35

使用ajax更改我的圖像src從db獲取位置

回答

相關問題