javascript - 下载人物头像并在node.js中展示

Question

最近我对在 node.js 中进行自己的聊天变得非常感兴趣。我已经做了很多事情(比如注册和登录)，但我遇到了一个问题:我需要在好友列表中显示人物的头像，看起来像这样: test friend list
那些灰色圆圈是一个 img 标签(这将是默认的空图像)，它们应该被头像替换。但是，我不知道按请求向客户端发送图像的正确方法是什么。我正在使用 socket.io 来通信和发送 JSON，但我相信你不能通过 socket.io 发送图像(或文件？)。我在互联网上找到的唯一信息是关于使用 AJAX 请求将文件上传到服务器，这很有用，但仍然没有告诉我如何向服务器请求图片。

var id = 0;

function addFriendElement() {
  $().add(
    '<div class="personTab" onclick="makeActive(this);">' +
    '<div class ="smallAvatar"><img src="img/testAvatar.png" alt="No avatar?"></div>' +
    '<div class ="nickname">' + id + '</div>' +
    '</div>').appendTo("#friendList");
  id++;
}

这就是我添加您在屏幕截图中看到的那些“选项卡”的方式。我想知道使用 img 标签是否也不正确。
提前致谢!

Answer 1

您不需要将图片从服务器发送到浏览器。

只需要使头像的 URL(在 img 标签的 src 属性中设置)可以通过 HTTP 从浏览器访问(可能作为静态 Assets )。

如果您使用的是 ExpressJs，here is the documentation