Question

这是我刚刚遇到的问题。我有一个我的laravel应用程序的聊天功能部分，可以在对话中键入各个用户图像。我无法弄清楚当我将个人资料图片的网址附加到视图中时，它实际上不会显示图片，它只显示一个＆＃34;占位符＆＃34;图片应该在哪里。

我知道代码适用于某个事实，因为我可以在控制台日志中看到资源文件夹中图片的正确路径。

所以我的问题是在从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>"
            );

提前感谢您的帮助！

Answer 1

$('.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的结尾，试试这个。

Answer 2

这通常是因为您处于不能正确表示基本URL的路由中。

您可以使用asset（）帮助程序功能构建相对于服务器上公共目录的资产文件夹的URL。

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

在ajax调用后将图像加载到视图中

2 个答案: