JADEのURLから画像を表示

Question

ここに第1の質問があります。新しいウェブ開発学生。お待ちいただいてありがとうございます。

mongoDBの内容をjadeレイアウトで表示して表示するアプリケーションがあります。スパンの内側。このような。

私の質問はこれです。私がスパンの内側に現れて見たいものは実際のイメージです。私はイメージへのURLを持っています。それは私のサーバー上にあります。 urlはmongoデータベースから来ています。私は、テキストURLをデータベースに保存し、その情報をデータベースから取り出して画像を表示することは、何かをする理想的な方法ではないかもしれないことを認識しています。私は課題のためのプロジェクトに取り組んでおり、簡単なものを試したいと思っていました。私は、データベースからURLを引っ張ってスパンに表示するといいでしょう。私がする必要があるのはイメージタグで包むことだけです。このように

<img src="http://www.whateverdomain.com/images/bobphoto.jpg"> 

でも動作しません。私はちょうどURLを取得します。 （添付写真参照）

私は間違っていますか？

Answer 1

私はあなたのようなものを使用していると仮定します。ここでは、実際の画像のURLを設定する

document.getElementById('userPhoto').textContent = (
    '<img src="http://www.whateverdomain.com/images/bobphoto.jpg">' 
); 

。他のユーザー情報をどのように設定するかはあなたの質問には表示されていません。

strong Location: 
img(src=userInfo.imageSource)