Télécharger des avatars de personnes et les afficher dans node.js

Question

Récemment, je suis devenu vraiment intéressé à faire de mon propre chat dans node.js. J'ai déjà fait beaucoup de choses (comme l'enregistrement et la connexion), mais je suis resté coincé à un problème: J'ai besoin d'afficher des avatars de personnes dans la liste d'amis, qui ressemblerait à ceci: test friend list
Ces cercles gris sont un img tags (ce sera l'image vide par défaut), et ils devraient être remplacés par des avatars. Cependant, je ne sais pas quelle est la bonne façon d'envoyer une image à un client à la demande. J'utilise socket.io pour communiquer et envoyer des JSON, mais je crois que vous ne pouvez pas envoyer d'images (ou de fichiers?) Via socket.io. Les seules informations que j'ai trouvées sur Internet concernaient le téléchargement de fichiers sur le serveur à l'aide de la requête AJAX, ce qui est utile mais ne me dit toujours pas comment demander une image à un serveur.

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++; 
} 

Voici comment j'ajoute ces "onglets" que vous avez vu dans la capture d'écran. Je me demande si l'utilisation d'une balise img n'est pas correcte.
Merci d'avance!

Answer 1

Vous n'avez pas besoin d'envoyer l'image du serveur au navigateur.

juste besoin de faire l'URL avatar (ce qui est situé dans src attribut de img tag) accessible via HTTP à partir du navigateur (peut-être comme des actifs statiques).

Si vous utilisez express.js, here is the documentation