Django上傳的圖像無法在模板中顯示

Question

我是Django的新手，並遇到模板中的圖像呈現問題。 這裏是我的模板代碼：

{% for project in projectList %} 

     <div class="col-lg-4 col-sm-6"> 
     <div class="preview"> 
      <div class="image"> 
      <a href="#"><img src="{{ MEDIA_URL }}{{ project.photo }}" class="img-responsive" alt="{{ project.name }}"></a> 
      </div> 
      <div class="options"> 
      <h3>{{ project.name }}</h3> 
      <p>{{ project.description }}</p> 
      <div class="btn-group"><a class="btn btn-success" href="#">Preview</a></div> 
      </div> 
      </div> 
     </div> 

     {% endfor %} 

。我將MEDIA_URL如下：

MEDIA_ROOT = os.path.join(os.path.dirname(__file__), 'media/').replace('\\', '/') 
MEDIA_URL = '/media/'  

但圖像沒有出現在該網頁，誰能幫我解決這個問題？謝謝。

Answer 1

{{project.photo}}應該{{project.photo.url}}

更新：

<a href="#"><img src="/{{ project.photo.url }}" class="img-responsive" alt="{{ project.name }}"></a> 

，並確保網絡服務器設置以便對MEDIA_URL提出的要求實際上是從MEDIA_ROOT文件夾檢索。

如果您想讓Django解析MEDIA_URL和STATIC_URL，請將以下行添加到您的根urls.py.

from django.conf import settings 
from django.conf.urls.static import static 
from django.contrib.staticfiles.urls import staticfiles_urlpatterns 

urlpatterns += staticfiles_urlpatterns() 
urlpatterns += static(settings.MEDIA_URL, document_root=settings.MEDIA_ROOT) 

來源：http://chat.stackoverflow.com/rooms/28837/discussion-between-paulo-bu-and-sheshkovsky