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

我想要显示来自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>'); 
      }); 
     } 
    }); 
}

来源

2013-03-12 Snehal

请包含显示代码。你能给出一个图像路径的例子吗？ – AmazingDreams 2013-03-12 08:01:44

你的图像路径是什么样的？ AJAX调用完成后，您是否尝试过看看您的DOM？你的JS为了展示图像而插入了什么？ – 2013-03-12 08:03:33

你有没有将你的图像路径包裹在img标签中？ – 2013-03-12 08:04:30

尽量把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-12 08:10:13 srs

好像你不能设置路径的图像。你可以做以下事情：

1）确保你从数据库获得的路径是正确的，并尝试硬编码它，并检查图像显示与否。 2）如果你的路径是正确的，你需要检查你得到的json输出是什么？这是存储在数据库中的相同吗？检查你可以使用萤火虫（控制台标签）

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

希望它有帮助。

来源

2013-03-12 13:27:53 Sangeeta

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

回答

相关问题