Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/visual-studio-code/3.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 使用ajax更改我的imag src从db获取位置_Javascript_Php_Jquery_Ajax_Image - Fatal编程技术网

Javascript 使用ajax更改我的imag src从db获取位置

Javascript 使用ajax更改我的imag src从db获取位置,javascript,php,jquery,ajax,image,Javascript,Php,Jquery,Ajax,Image,如何使用ajax更改img的img src。我在数据库中保存了位置,我想根据某个值设置img srcdata[0]['patient\u photo']我的图像中有这样的html: <img id="checkup_pic" src=""> 您可以使用jQuery函数或为DOM元素设置属性: prop():为匹配元素集设置一个或多个属性 attr():为匹配的元素集设置一个或多个属性 因此,您只需将图像的源数据[0]['patient_photo']传递给img标签的src属性,该

如何使用ajax更改img的img src。我在数据库中保存了位置,我想根据某个值设置img src
data[0]['patient\u photo']
我的图像中有这样的html:

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

您可以使用jQuery函数为DOM元素设置属性:

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

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

因此,您只需将图像的源
数据[0]['patient_photo']
传递给
img
标签的
src
属性,该标签由
#checkup_pic
标识,如:

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

希望这有帮助。

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

尝试以下代码:

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

$('checkup_pic').attr(“src”,数据[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']);
    }
})