改变我的imagsrc使用ajax从db获取位置 - Changing my imag src using ajax getting the location from db

Changing my imag src using ajax getting the location from db

如何使用ajax更改img的img src。我在数据库中保存了位置我想从data[0]['patient_photo']的值设置img src我有这样的html从我的图像:

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

您需要使用jquery的attr属性，并在值中传递您的src

试试下面的代码:

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

您可以使用jQuery函数 prop() 或 attr() 来设置DOM元素的属性:

prop():为匹配的元素集合设置一个或多个属性。

attr():为匹配的元素集设置一个或多个属性。

因此，您只需要将图像data[0]['patient_photo']的源传递给由#checkup_pic标识的img标记的src属性，如:

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

试试这个:

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