显示存储在数据库中的路径的图像

时间:2013-03-12 07:59:28

标签: php mysql json jquery

我想显示来自JSON对象的图像和存储在MySQL数据库中的图像的路径。

我有用户表,其中包含:

  • 用户ID
  • 用户名
  • user_img_path
  • user_address

现在,我正在使用PHP发起一个查询:

SELECT `user_id`, `username`,`user_img_path` FROM `users`

我将输出存储在数组$rows中,并将此数组编码为JSON格式为

json_encode($rows);

我在jQuery的ajax调用中调用这个PHP文件并获取JSON输出。我可以正确显示其他信息,但问题是我无法使用jQuery ajax以HTML格式显示图像。

function  callAjax1()
{
    $.ajax({
        url: 'userApi.php',
        data: "",
        dataType: 'json',
        success:function(rows)
        {
            $.each(rows,function(i,item)
            {
                var user_id=rows[i].user_id;
                var user_name=rows[i].user_name;
                var user_img_path=rows[i].user_img_path;
                console.log(user_id,user_name,user_img_path);
                $("#poll_left_body").append('<a href="#">  <img     src=\https://url/"'+user_img_path+'<label id="user_name" rel="tooltip" title=" Edward  11,356" style="color:black;">'+user_name+'</label></a><a href="/twitter/bootstrap/network" class="social-count">11,356</a>');
            });
        }
    });
}

2 个答案:

答案 0 :(得分:1)

尝试将user_img_path放入变量并使用javascript

var img = document.createElement("img");
img.src = user_img_path;  
var body = document.body;  // use element where you want to display image
body.appendChild(img);

答案 1 :(得分:0)

好像你无法设置图像的路径。 你可以这样做:

1)确保从数据库获取的路径是正确的,并尝试对其进行硬编码并检查图像是否显示。

2)如果你的路径是正确的,你需要检查你得到的json输出?是否与存储在数据库中的相同? 检查你可以使用firebug(控制台选项卡)

3)如果上述步骤最后是正确的,重要的是通过代码检查HTML呈现。如果代码也正确。然后你必须能够看到图像(如果没有其他问题)

希望它有所帮助。