2017-08-27 6 views
1

最近、私はnode.jsで自分のチャットを作成することに本当に関心を持ちました。私は既に多くのことを行っていますが(登録やログインなど)、私は1つの問題に悩まされています。友人リストに人のアバターを表示する必要があります。 test friend list
これらの灰色の円はimgタグ(これはデフォルトの空のイメージになります)、それらはアバターに置き換えてください。しかし、要求に応じてクライアントにイメージを送信する正しい方法は何か分かりません。 JSONを通信して送信するためにsocket.ioを使用していますが、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

サーバーからブラウザに画像を送信する必要はありません。

ジャストブラウザ(多分などの静的資産)からHTTPを介してアクセス(IMGタグのSRC 属性に設定されているもの)アバターのURLを作成する必要があります。私は常に「静的」は、それが一度だけロードすると、これらのファイルに残ることを意味していると考えhere is the documentation

+0

あなたがExpressJsを使用している場合

が、私は少なくとも一度それを試している必要があります。どうもありがとうございました!今すぐ試してみます –

+0

ありがとうございました!私は本当に自分自身を試していたはずです。少し時間を無駄にしていただきありがとうございます:P –

関連する問題