Django - 來自MEDIA_URL的圖片沒有顯示在模板上？

Question

所以我已經閱讀了關於這個問題的一些堆棧溢出的答案，但沒有一個能夠解決我的問題。我設置了MEDIA_ROOT，MEDIA_URL，STATIC_ROOT和STATIC_URL，但由於某些原因，我的media_url中的圖像沒有顯示在我的模板上，而來自我的static_url的圖像是。

我的代碼如下以及進一步的解釋。

Settings.py

STATICFILES_DIRS = (
    ('/static/', 
    '/home/joe/Documents/exchange/Texchange/textchange/static',), 
    ('/media/', 
    '/home/joe/Documents/exchange/Texchange/textchange/media/',), 
) 

MEDIA_ROOT = '/home/joe/Documents/exchange/Texchange/textchange/media/' 

MEDIA_URL = '/media/' 

STATIC_ROOT = '/home/joe/Documents/exchange/Texchange/textchange/' 

STATIC_URL = '/static/' 

Models.py

class Posting(models.Model): 
    textbook = models.ForeignKey(Textbook) 
    condition = models.CharField(max_length = 200) 
    price = models.DecimalField(max_digits=5, decimal_places=2) 
    user = models.ForeignKey(User) 
    image = models.ImageField(upload_to='postingpics/%Y/%m/%d', default="../../static/textchange/nophoto.jpg") 
    post_date = models.DateTimeField('date_posted') 

    def __str__(self): 
     return str(self.textbook) 

    def was_posted_recently(self): 
     return self.post_date >= timezone.now() - datetime.timedelta(days=1) 
    was_posted_recently.admin_order_field = 'post_date' 
    was_posted_recently.boolean = True 
    was_posted_recently.short_description = 'Posted recently' 

Template.html

<div class="row marketing"> 
     <div class="col-lg-6"> 
     <h3>Textbook Info</h3> 
      <p><strong>Textbook: </strong>{{ posting.textbook.textbook_name }}</p> 
      <p><strong>Condition: </strong>{{ posting.condition }}</p> 
      <p><strong>Price: </strong>{{ posting.price }}</p> 
      <p><strong>Class: </strong>{{ posting.textbook.class_name }}</p> 
      <p><strong>ISBN: </strong>{{ posting.textbook.isbn }}</p> 
      <p><strong>Author: </strong>{{ posting.textbook.author }}</p> 
     <h3>Contact Info</h3> 
      <p><strong>User: </strong>{{ posting.user.username }}</p> 
      <p>Button to contact</p> 


     </div> 

     <div class="col-lg-6"> 
     {% block content %} 
      <img src="{{ posting.image.url }}"> 
      <p>{{ posting.image.url }}</p> 
     {% endblock %} 
     </div> 
    </div> 

所以你可以看到，如果我沒有上傳圖片的帖子它會轉到默認圖像，該圖像存儲在靜態/文本更改中。該圖像將顯示在模板上。如果我上傳圖片，圖片將不會顯示在模板上。在我的template.html中，我在段落標籤中顯示了{{posting.image.url}}文字，以查看不同圖片的網址。

當使用static/textchange中的默認圖像時，url爲：/../static/textchange/nophoto.jpg，圖像顯示正常。

當我嘗試在模板中顯示上傳的圖像時，網址爲：/media/postingpics/2015/09/20/Star-Wars-Sith-Code-Wallpaper-2_dlPszgQ.jpg並且沒有圖像出現。 ..

我覺得很奇怪，靜態圖像在靜態前面有/../，但我不知道爲什麼只顯示靜態文件夾中的圖像。

任何幫助，將不勝感激。

Answer 1

MEDIA_URL不是由Django自動提供的，你必須手動設置它。 https://docs.djangoproject.com/en/1.8/howto/static-files/#serving-files-uploaded-by-a-user-during-development

而且，你對你的靜態和媒體文件設置爲奇：

• 你MEDIA_ROOT是你STATIC_ROOT內。爲什麼？
• 你的STATICFILES_DIRS在你的STATIC_ROOT裏面。這沒有任何意義。 STATICFILES_DIRS應該被收集到你的STATIC_ROOT中。
• 您的MEDIA_ROOT在STATICFILES_DIRS中設置爲靜態文件目錄。媒體文件根據定義不是靜態文件。刪除這個。

它看起來像你想要更多的東西是這樣的：

STATICFILES_DIRS = (
    '/home/joe/Documents/exchange/Texchange/textchange/static', 
) 

MEDIA_ROOT = '/home/joe/Documents/exchange/Texchange/textchange/media/' 

MEDIA_URL = '/media/' 

STATIC_ROOT = '/home/joe/Documents/exchange/Texchange/textchange/static_root/' 

STATIC_URL = '/static/' 

假設Texchange/textchange是你的項目的根。