[Django] Template上で変数名を使って画像を表示させたい。

Question

Django初心者で、悪戦苦闘しながら簡単なWebアプリを作ろうとしています。

その中で、myproject/myapp/statics/imagesフォルダに保存された画像ファイルを表示させるにあたり、

• まずview.pyで画像のパスを格納した辞書からランダムに選ぶ関数を作り、変数（val_img）に格納。
• val_imgをtemplateの他の部分で表示させると「"myapp/images/aaa.png"」のように表示される。
• そこで、当該変数名を使って、Templateで以下のコードで表示させようとしているのですが、？マークしか出てこず、表示されません。

{% load static %}
<img src="{% static val_imgd %}" alt="My image">

• 但し、上記コードの変数名の部分を次のように直接パスを書き変えればうまく表示されます。

{% load static %}
<img src="{% static "myapp/images/aaa.png" %}" alt="My image">

変数の中身をランダムで選ぶという仕様上、なんとか変数名での表示を実現させたいと思っています
。
解決法を昨日から色々と調べてみてはいるのですが、初心者故にうまく見つけることができなかったので、ここで質問させて頂きます。よろしくお願いします。

[環境]
Mac Os Catalina
Django 3.1.1

Answer 1

val_imgがval_imgdになっていませんか・・・？

Comments

[luciano]

ご回答ありがとうございます。
そこは上記コードを書いた時のタイポでした。正しくはval_imgです。

[technobic]

変数を使って表示した場合に、imgタグの部分はどのように出力されますか？

[luciano]

返答が遅くなってすみません。
黒の外枠付きの正方形の中に水色の背景の上に白で「？」です。
（この欄にスクリーンショットを貼る方法が分からなかったので文章で失礼します。）
画像ファイルが見つからない時に出るアラートかと思います。

[technobic]

お使いのブラウザがChromeでしたら、F12キーを押すと見ているページのソースコードを見ることができます。
それを用いて、画像表示部分のHTMLがどのようになっているか確認してみてください！????

[luciano]

ご返答ありがとうございます。

ご指摘頂いた方法でソースコードを確認してみました、
<img src="/static/" alt="My image"> == $0
となっており、狙っているstatic以下のパス（myapp/images/aaa.png）は足されていないようです。
ちなみに、
<img src="{% static "val_img" %}" alt="My image">と"で括ってみると、ソースコードは、
<img src="/static/val_img" alt="My image"> == $0
と表示されます。

「 == $0」にヒントがあるかと調べてみたのですが、うまく情報が見つかりませんでした。

[luciano]

上記の通り、凡ミスによるエラーが見つかり解決しました。
色々とご回答頂き、ありがとうございました。

Answer 2

色々といじっていたら解決しました。

これまでは、views.py内の関数で定義した変数をそのままTemplateに持ってこようとしていました。
再度、views.pyをよく見直して、その変数を

self.params['image']

に入れてからTemplate上で、

<img src="{% static image %}" alt="My image">

としたらうまく動きました。

views.pyでのself.paramsをきちんと書いていなかった凡ミスです。
お手数をお掛けしてすみませんでした。