2013-07-18 73 views
0

我正在構建一個django web應用程序。我爲HTML使用了Adobe的支架,我試圖從網站上的文件夾中使用圖片。圖像在括號模擬期間出現,但在django runserver期間不顯示。HTML圖像插入Django

這裏是我的文件夾目錄:

mysite- 
    Images- 
     livestream- 
      helloworld.jpg 
    templates- 
     livestream- 
      helloWorld.html 

這是網站的一個非常簡化的版本,但你的想法。

我的HTML代碼詢問圖像:

<img src="../../Images/livestream/helloworld.jpg" alt="helloWorld" width="590" height="269"> 

當我運行Django的服務器返回的是:

[18/Jul/2013 09:11:40] "GET /livestream/Images/livestream/helloworld.jpg HTTP/1.1" 404 2605

有誰知道如何解決這個問題?

回答

1

爲什麼不在您的設置中設置{{ STATIC_URL }},根據docs指向您的Images lder連續然後只需鍵入

<img src="{{ STATIC_URL }}livestream/helloworld.jpg" alt="helloWorld" width="590" height="269"> 

這是管理靜態文件的標準方法,並且將在未來變成有用的

+0

謝謝,你睜開眼睛的Django的一部分,我沒不知道是否存在。謝謝 – IdeoREX

3

這與您的項目如何設置staticfiles app相關設置有關。

您還應該使用static template tag來獲取您的靜態媒體。

例如,假設說的STATICFILES_DIRS tuple內的任何文件路徑的位置在你的結構如下:

{{STATICFILES_ROOT_DIR}}/Images/livestream/helloworld.jpg 

您可以用獲取靜態文件:

{% load static from staticfiles %} 
{% static "Images/livestream/helloworld.jpg" as myimg %} 
<img src="{{ myimg }}" alt="helloworld" />