快捷導(dǎo)航

Django {{ MEDIA_URL }}無法顯示圖片的解決方式

更新時間：2020年04月07日 10:02:24 作者：RayWang80s

這篇文章主要介紹了Django {{ MEDIA_URL }}無法顯示圖片的解決方式，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧

django模板使用media文件夾，想要在前端通過{{ MEDIA_URL }}無法顯示圖片，沒有取到Media_url的值

解決辦法：

TEMPLATES = [
  {
    'BACKEND': 'django.template.backends.django.DjangoTemplates',
    'DIRS': [os.path.join(BASE_DIR, 'templates')]
    ,
    'APP_DIRS': True,
    'OPTIONS': {
      'context_processors': [
        'django.template.context_processors.debug',
        'django.template.context_processors.request',
        'django.contrib.auth.context_processors.auth',
        'django.contrib.messages.context_processors.messages',
        'BookStore.views.global_settings',
        'django.template.context_processors.media',
 
      ],
    },
  },
]

settting里添加上面顏色顯示條，即可。

補(bǔ)充知識：django后臺顯示圖片而不是圖片地址

修改admin代碼

class Ad_CampaingAdmin(admin.ModelAdmin):
  list_display = ("content","preview")

  def preview(self,obj):

    return '<img src="/static/%s" height="64" width="64" />' %(obj.photo)

preview.allow_tags = True

preview.short_description = "圖片"

這就ok了！

以上這篇Django {{ MEDIA_URL }}無法顯示圖片的解決方式就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。

您可能感興趣的文章:

相關(guān)文章

Python Requests模擬登錄實(shí)現(xiàn)圖書館座位自動預(yù)約
這篇文章主要為大家詳細(xì)介紹了Python Requests的模擬登錄，Python實(shí)現(xiàn)圖書館座位自動預(yù)約，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2018-04-04
tensorflow 限制顯存大小的實(shí)現(xiàn)
今天小編就為大家分享一篇tensorflow 限制顯存大小的實(shí)現(xiàn)，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
2020-02-02
python+selenium+autoit實(shí)現(xiàn)文件上傳功能
這篇文章主要介紹了python+selenium+autoit實(shí)現(xiàn)文件上傳功能,需要的朋友可以參考下
2017-08-08
python在CMD界面讀取excel所有數(shù)據(jù)的示例
這篇文章主要介紹了python在CMD界面讀取excel所有數(shù)據(jù)，幫助大家更好的利用python辦公，感興趣的朋友可以了解下
2020-09-09
用Python生成器實(shí)現(xiàn)微線程編程的教程
這篇文章主要介紹了用Python生成器實(shí)現(xiàn)微線程編程的教程,本文來自于IBM官方開發(fā)者技術(shù)文檔,需要的朋友可以參考下
2015-04-04
Django代碼性能優(yōu)化與Pycharm Profile使用詳解
本文通過一個簡單的實(shí)例一步一步引導(dǎo)讀者對其進(jìn)行全方位的性能優(yōu)化,這篇文章主要給大家介紹了關(guān)于Django代碼性能優(yōu)化與Pycharm Profile使用的相關(guān)資料，文中通過示例代碼介紹的非常詳細(xì)，需要的朋友可以參考下
2018-08-08
Python 從相對路徑下import的方法
今天小編就為大家分享一篇Python 從相對路徑下import的方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
2018-12-12
Python list與NumPy array 區(qū)分詳解
這篇文章主要介紹了Python list與NumPy array 區(qū)分詳解，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
2019-11-11
python中的elasticsearch_dsl查詢語句轉(zhuǎn)換成es查詢語句詳解
這篇文章主要介紹了python中的elasticsearch_dsl查詢語句轉(zhuǎn)換成es查詢語句詳解,ElasticSearch在實(shí)際生產(chǎn)里通常和LogStash，Kibana，F(xiàn)ileBeat一起構(gòu)成Elastic?Stack來使用，它是這些組件里面最核心的一個,需要的朋友可以參考下
2023-07-07
解決Django 在ForeignKey中出現(xiàn) non-nullable field錯誤的問題
今天小編就為大家分享一篇解決Django 在ForeignKey中出現(xiàn) non-nullable field錯誤的問題，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
2019-08-08