Question

如何使用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","");

Answer 1

您可以使用jQuery函数 prop() 或 attr() 将属性设置为DOM元素：

prop（）：为匹配元素集设置一个或多个属性。

attr（）：为匹配元素集设置一个或多个属性。

因此，您只需将图片来源data[0]['patient_photo']传递给src标识的img标记的#checkup_pic属性，例如：

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

希望这有帮助。

Answer 2

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

请尝试以下代码：

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

Answer 3

试试这个：

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

使用ajax从db

3 个答案: