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

【问题标题】：Display image from its path stored in database从存储在数据库中的路径显示图像
【发布时间】：2013-03-12 07:59:28
【问题描述】：

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

我有 user 表，其中包含：

用户名
用户名
user_img_path
用户地址

现在，我正在使用 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>');
            });
        }
    });
}

【问题讨论】：

请附上显示代码。您能否举例说明图像路径是什么样的？
你的图片路径是什么样的？您是否尝试在 AJAX 调用完成后查看您的 DOM？你的 JS 插入了什么来显示图片？
你把你的图片路径包裹在img标签里面了吗？

标签： php mysql json jquery

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

【讨论】：

【解决方案2】：

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

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

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

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

希望对你有帮助。

【讨论】：