使用 ajax 从 db 获取位置更改我的图像 src答案

【问题标题】：Changing my imag src using ajax getting the location from db使用 ajax 从 db 获取位置更改我的图像 src
【发布时间】：2017-03-20 14:02:53
【问题描述】：

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

【问题讨论】：

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

标签： javascript php jquery ajax image

【解决方案1】：

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

试试下面的代码：

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

【讨论】：

很高兴继续提供帮助 :)

【解决方案2】：

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

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

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

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

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

希望这会有所帮助。

【讨论】：

【解决方案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']);
    }
})

【讨论】：