0

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

我有用户表，其中包含：

  • 用户身份
  • 用户名
  • user_img_path
  • 用户地址

现在，我正在使用 PHP 发起一个查询，例如： 

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

我将输出存储在一个数组中$rows，并将这个数组编码为 JSON 为

json_encode($rows);

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

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>');
            });
        }
    });
}
4

2 回答 2

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);
于 2013-03-12T08:10:13.003 回答
0

似乎您无法设置图像的路径。您可以执行以下操作：

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

2）如果你的路径是正确的，你需要检查你得到什么 json 输出？存储在数据库中的相同吗？检查你可以使用萤火虫（控制台标签）

3）如果上述步骤最后正确并且重要的是通过您的代码检查HTML呈现。如果代码也是正确的。那么你必须能够看到图像（如果没有进一步的问题）

希望能帮助到你。

于 2013-03-12T13:27:53.537 回答