2017-08-27 30 views
1

最近,我成了我自己在node.js中聊天的制作很感兴趣我已经做了很多事情(如注册和登录),但我被困在一个问题:我需要在好友列表中显示的人头像,这将是这个样子: test friend list
那些灰色圆圈是一个img标签(这将是默认的空图像),并且它们应该被替换为替身。但是,我不知道通过请求将图像发送到客户端的正确方式是什么。我使用socket.io来传递和发送JSON,但我相信你不能通过socket.io发送图像(或文件?)。我在互联网上发现的唯一信息是关于使用AJAX请求将文件上传到服务器,这很有用,但仍然没有告诉我如何向服务器索取图片。下载头像和node.js的中显示它们

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标签也不正确。
在此先感谢!

回答

0

你并不需要从服务器到浏览器发送图像。

只是需要让角色的URL从浏览器(也许是静态资产)通过HTTP(什么是设置在SRCIMG标签的属性)访问。

如果使用ExpressJs,here is the documentation

+0

我一直认为,“静”是指它只会加载一次,将继续与这些文件,我应该至少一次尝试。非常感谢你!我现在就试试 –

+0

非常感谢!我真的应该尝试自己。谢谢你浪费了一点时间:P –