2017-12-15 9 views
0

私はページのpkに基づいて動的画像を使用したいと思います。 私はアンケートアプリを持っており、1ページあたり1つの質問を使用しています。これは、ユーザーに質問が提示され、次の質問にリダイレクトされることを意味します。それぞれの質問は異なるIDを持ち、それぞれの質問に画像を添付したいと思います。URLタグ内のDjangoタグ

<div class="col-5"> 
    <img src="{% static 'images/image{{question.pk}}.jpg' %}" class="img-fluid" alt="Responsive image"> 
</div> 

任意のアイデア:ノー成功でそのような何かを試してみました。..

<div class="col-5"> 
    <img src="{% static 'images/RightSpeech.jpg' %}" class="img-fluid" alt="Responsive image"> 
</div> 

が、私はそれを動的にしたいと思います: は今、私はそのリク静的なイメージを持っていますか?

enter image description here

+0

各質問にurl〜がある場合は、urlでid/pkを取得し、表示するデータ(画像)を送信できます。 ページ内でそれを行った場合(ページのURLを変更せずに)、jsファイルをajaxで使用してページの内容を再ロードすることができます。 –

答えて

1

staticタグは、あなたが渡すものにSTATIC_URLの値を追加する以外に何もありません。代わりに、すべてのこれらのタグとぐちゃぐちゃの、あなただけ手動でこれを行うことができます:

:静的コンテキストプロセッサが活性化されていない

<img src="{{ STATIC_URL }}/images/image{{question.pk}}.jpg" 

何らかの理由場合は、まったく同じ方法で{% get_static_prefix %}タグを使用することができます

<img src="{% get_static_prefix %}/images/image{{question.pk}}.jpg" 
0

あなたは、イメージ名に質問PKを連結得るために

{% static 'images/image'|add:question.id|add:'.jpg' %} 

を使用する必要があります。これは、連結フィルタ|add:を使用するだけです。

EDIT 1

以上が動作しない場合は、あなたがそうあなたのケースでは、{% with %}タグを使用しようとすることができます:

{% with "images/image"|add:question.id|add:".jpg" as customUrl %} 
    {% static customUrl %} 
{% endwith %} 

は、この情報がお役に立てば幸い!

+0

私の検査で/static/images/question%7B%7Bquestion.id% 7D%7D.jpg ID – Ben2pop

+0

が私の答えを更新することになるとは思わないので、 –

+0

@ Ben2popは私の答えを更新して、この解決策を試してください。 –

関連する問題