javascript - 如何将数据库集合中的图像 href 显示为实际图像

Question

我使用 jQuery 访问数据库集合中的图像 href，即 https://somesite/img/somePhoto.png然后将其显示在 divtag 中。

我已经可以显示 href 的文本了，但我现在想更进一步，实际显示图像本身。

.html(message.media) 是我尝试显示为图像的元素

这是到目前为止的代码

groupManager.prototype.displayChatMessage = function( message ){
    var _this = this;
    $('<li/>')
        .attr("id",message._id)
        .text(message.message) //message text
        .html(message.media) // https://somesite/img/somePhoto.png
        .prepend($("<strong />").text(message.fromName+': '))
        .appendTo($('#messagesDiv'));
    $('#messagesDiv')[0].scrollTop = $('#messagesDiv')[0].scrollHeight;
};

Answer 1

你可以尝试这个希望它会起作用。

groupManager.prototype.displayChatMessage = function( message ){
   var _this = this;
   var html = '<li id="'+ message._id +'">';
   html += '<p>'+ message.message +'</p>'; // you can use different tag.
   html += '<img src="' + message.media + '" />';
   html += '<strong >' + message.fromName + '</strong>';
   html += '</li>';
   $('#messagesDiv').append(html);
   $('#messagesDiv')[0].scrollTop = $('#messagesDiv')[0].scrollHeight;
};