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调用后将图像载入视图

回答

相关问题