ajax調用後將圖像載入視圖

這是我剛纔碰到的問題。我有一個聊天功能，是我的laravel應用程序的一部分，它可以在用戶輸入對話時加載相應的用戶圖像。我無法弄清楚的是，當我將個人資料圖片的url追加到視圖中時，它不會實際顯示圖片，它只是顯示圖片應該放在哪裏的「佔位符」。ajax調用後將圖像載入視圖

我知道代碼適用於某個事實，因爲我可以在控制檯日誌中看到資產文件夾內圖片的正確路徑。

所以我的問題是如何從ajax調用中檢索信息後顯示圖片。

$('.chat-wrapper').append(
        "<div class='message " + sent + "'>" + 
        "<div class='media-left'>" + 
        "<a href=''><img scr=" + data.profilePicture + " class='img-circle img-50x50' title=''></a>" + 
        "</div>" + 
        "<div class='media-body'>" + 
        "<small class='small-gray p-l-10 pull-right'>" + data.time + "</small>"+ 
        "<div class='heading'>" + 
        "<span>"+data.authorUserName+"</span>" + 
        "</div>" + 
        "<p>" + messageText + "</p>" + 
        "</div>" + 
        "</div>" 
      );

非常感謝您的幫助！

來源

2017-01-09 max234435

聽起來像圖像名稱/路徑不正確/不在上下文中 –

我想確保我明白這一點。你有console.log（data.profilePicture），它給出了正確的URL，但圖像沒有出現。如果你檢查代碼會發生什麼？它顯示？或者，它是否顯示正確的道路？ – 0708

你能告訴我們你的ajax調用以及它何時被調用嗎？你的「成功」裏面有這個追加嗎？ – ntgCleaner

$('.chat-wrapper').append(
       "<div class='message " + sent + "'>" + 
       "<div class='media-left'>" + 
       "<a href=''><img src='" + data.profilePicture + "' class='img-circle img-50x50' title=''></a>" + 
       "</div>" + 
       "<div class='media-body'>" + 
       "<small class='small-gray p-l-10 pull-right'>" + data.time + "</small>"+ 
       "<div class='heading'>" + 
       "<span>"+data.authorUserName+"</span>" + 
       "</div>" + 
       "<p>" + messageText + "</p>" + 
       "</div>" + 
       "</div>" 
     );

SRC的拼寫不正確，然後注意SRC後引號和src也該結束了，嘗試了這一點。

來源

2017-01-09 21:40:30

你是男人！像魅力一樣工作。我不知道我是如何錯過的。再次感謝。 – max234435

這通常是因爲您處於不正確代表基本網址的路徑中導致的。

您可以使用asset（）輔助函數來構建資產文件夾相對於服務器上公共目錄的URL。

https://laravel.com/docs/5.3/helpers#method-asset

來源

2017-01-09 21:37:59 pablow

ajax調用後將圖像載入視圖

回答

相關問題