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

debugcn 发表于 Dev

max234435

这是我刚才遇到的问题。我的laravel应用程序有一个聊天功能部分，可在用户键入对话时加载相应的用户图像。我无法确定的是，当我将个人资料图片的网址附加到视图中时，它实际上不会显示图片，而只是显示图片应位于的“占位符”。

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

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

预先感谢您的帮助！

塞伊·阿德科亚（Seyi Adekoya）

$('.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末尾的引号，请尝试一下。

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。