从其存储在数据库中的路径显示图像
问题描述:
我想要显示来自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>');
});
}
});
}
答
尽量把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)确保你从数据库获得的路径是正确的,并尝试硬编码它,并检查图像显示与否。 2)如果你的路径是正确的,你需要检查你得到的json输出是什么?这是存储在数据库中的相同吗? 检查你可以使用萤火虫(控制台标签)
3)如果上述步骤是正确的最后一个重要的是检查你的代码的HTML呈现。如果代码也是正确的。那么你必须能够看到图像(如果没有进一步的问题)
希望它有帮助。
请包含显示代码。你能给出一个图像路径的例子吗? – AmazingDreams 2013-03-12 08:01:44
你的图像路径是什么样的? AJAX调用完成后,您是否尝试过看看您的DOM?你的JS为了展示图像而插入了什么? – 2013-03-12 08:03:33
你有没有将你的图像路径包裹在img标签中? – 2013-03-12 08:04:30