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

标签 javascript node.js sockets file-transfer

最近我对在 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 标签是否也不正确。
提前致谢!

最佳答案

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

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

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

关于javascript - 下载人物头像并在node.js中展示,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45909597/

相关文章:

javascript - Sequelize 和 Sequelize 层次结构 : How do I execute an accessor in a model getter?

node.js - npm 模块安装不断中止

ajax - 如何从 Web 浏览器(客户端)建立 TCP Socket 连接?

javascript - 我是否正确地以 Base64 编码图像?

javascript - GWT javascript 未捕获异常

node.js - 错误 403 禁止。没有权限访问该 URL

java-udp编程-从服务器向客户端发送消息

javascript - 获取原始背景图像 - JQuery

javascript - 带有实例变量的引用给出错误

C: 发送 GET 请求但wireshark没有捕获任何内容