javascript - ajax 调用后将图像加载到 View 中

Question

这是我刚才遇到的问题。我的 laravel 应用程序有一个聊天功能，可以在用户在对话中键入内容时加载相应的用户图像。我无法弄清楚的是，当我将个人资料图片的 url 附加到 View 中时，它实际上不会显示图片，它只是显示图片应在的位置的“占位符”。

我知道代码确实有效，因为我可以在控制台中看到 Assets 文件夹内图片的正确路径。

所以我的问题是从 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 结尾，尝试一下。