2017-02-25 1 views
0

をロードします。まず第一に、静的ファイルを読み込むのはかなり明確です。私の場合、私たちはシンプルなウェブサイトを持ち、スクリプトの1つが動的コンテンツを生成します。その動的なコンテンツは、それはです:1つのHTMLファイルとフォルダのジャンゴ - 私は情報がDjangoの中のロードファイルを参照知りたいのですが、動的テンプレート

  • リスト、
  • そして、JPG画像。

ここでの主な作業 - 画像を含むHTMLファイルが読み込まれます。


生成されたコンテンツは、必要なだけ変更される可能性があります。私の例では、そのコンテンツをtemplatesというフォルダに入れて、下のスニペットのように読み込むことができます。しかし、すべての画像が欠落しています。だから私はそのHTMLファイルをプロジェクトのtemplatesフォルダに入れ、画像を別のstaticフォルダに入れてロードする必要があります。

ここでは、私は生成されたソースをいくつかの単一の区切りのパスで探しますが、画像とともにHTMLをロードする可能性を保ちます。

## Ex. including HTML page (which should located in templates) 
    <div class="container"> 

     {% include "stories/Princess_Run_Story/Princess_Run_Story.html" %} 

    </div> 


## Ex. loading IMG file(which should located in static) 
    <img class="first-slide" 
       src= "{% static '/workbook/images/galaxy_droid_1.jpg' %}" > 
+0

私は英語がヨーヨーではないことを実感しますしかし、残念ながら、この質問は理解できません。あなたは正確に何をしようとしていますか、何が間違っていますか? –

+0

@DanielRosemanはい、申し訳ありません。更新された質問。 – GensaGames

答えて

0

はい、それは動作しますが、ちょうどあなたがこのsnippentの呼び出し中にビューからの動画像日付を送信する必要があります。適切な経路だけに詳細を追記してください。

{%は、「話/ Princess_Run_Story/Princess_Run_Story.html」%}

代替オプション: は実際にちょうどボタンのクリック時にアヤックスを呼び出し、バックエンドを通じてスニペットの画像の日付を準備し、Ajaxの成功 等にスニペットを送信

バックエンドで
there $('.container').html(snippet_data) 

:JavaScriptでコードの下に

render_data = {'image_data': image_data} 
t = loader.get_template('stories/Princess_Run_Story/Princess_Run_Story.html') 
html = t.render(RequestContext(request, render_data)) 
return HttpResponse(json.dumps({'html': html}), 'application/json') 
+0

「適切なパスに詳細を追記してください」、これは私の質問です。 – GensaGames

+0

Plz。上記の回答を参照してください。私は代替オプションも追加しました。 –

関連する問題