我想显示来自JSON对象的图像和存储在MySQL数据库中的图像的路径。
我有用户表,其中包含:
现在,我正在使用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>');
});
}
});
}
答案 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呈现。如果代码也正确。然后你必须能够看到图像(如果没有其他问题)
希望它有所帮助。