從其存儲在數據庫中的路徑顯示圖像

我想要顯示來自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

從其存儲在數據庫中的路徑顯示圖像

回答

相關問題