【问题标题】:Django blog post imageDjango 博客文章图片
【发布时间】:2015-06-03 16:19:53
【问题描述】:

你好,我是 Django 的新手,我正在尝试建立我的个人博客。 在这个博客中,我希望我的帖子有一个可以发布图像的字段。 这是我的代码,但是当我看到我的帖子时,图片没有显示。

setting.py mysite 项目的 Django 设置。

# Build paths inside the project like this: os.path.join(BASE_DIR, ...)
import os
BASE_DIR = os.path.dirname(os.path.dirname(__file__))



# SECURITY WARNING: keep the secret key used in production secret!
SECRET_KEY = 'i9s&v1wse3w%gxyc&3qyft-a(cz1y6^f9gvy+rxsypnsozmt7d'

# SECURITY WARNING: don't run with debug turned on in production!
DEBUG = True

TEMPLATE_DEBUG = True

ALLOWED_HOSTS = []


# Application definition

INSTALLED_APPS = (
  'django.contrib.admin',
  'django.contrib.auth',
  'django.contrib.contenttypes',
  'django.contrib.sessions',
  'django.contrib.messages',
  'django.contrib.staticfiles',
  'blog',

)

MIDDLEWARE_CLASSES = (
  'django.contrib.sessions.middleware.SessionMiddleware',
  'django.middleware.common.CommonMiddleware',
  'django.middleware.csrf.CsrfViewMiddleware',
  'django.contrib.auth.middleware.AuthenticationMiddleware',
  'django.contrib.auth.middleware.SessionAuthenticationMiddleware',
  'django.contrib.messages.middleware.MessageMiddleware',
  'django.middleware.clickjacking.XFrameOptionsMiddleware',
)



ROOT_URLCONF = 'mysite.urls'



WSGI_APPLICATION = 'mysite.wsgi.application'

数据库

DATABASES = {
    'default': {
        'ENGINE': 'django.db.backends.sqlite3',
        'NAME': os.path.join(BASE_DIR, 'db.sqlite3'),
}
}



LANGUAGE_CODE = 'en-us'

TIME_ZONE = 'Europe/Berlin'

USE_I18N = True

USE_L10N = True

USE_TZ = False

静态文件(CSS、JavaScript、图像)

STATIC_URL = '/static/'

STATICFILES_DIRS = (
    os.path.join(BASE_DIR, "static"),
)

MEDIA_ROOT = (
    os.path.join(BASE_DIR, "media")
)


MEDIA_URL = 'media/'

models.py

class Post(models.Model):
    author = models.ForeignKey('auth.User')
    title = models.CharField(max_length=200)
    text = models.TextField()
    image = models.ImageField(upload_to='media/img')
    created_date = models.DateTimeField(
        default=timezone.now)
    published_date = models.DateTimeField(
        blank=True, null=True)

模板

   <img src="{{ post.image.url }}" alt="img">

当我访问我的帖子详细信息网站时,它只显示 alt = "img"

views.py

from django.shortcuts import render , get_object_or_404
from django.utils import timezone
from .models import Post

def post_list(request):
posts =  Post.objects.filter(published_date__lte=timezone.now()).order_by('published_date')
return render(request, 'blog/post_list.html', {'posts': posts})


def post_detail(request, pk):
post = get_object_or_404(Post, pk=pk)
return render(request, 'blog/post_detail.html', {'post':post})

【问题讨论】:

  • 它究竟(完全)呈现为 HTML 的内容是什么?您期望的是什么?
  • 请同时粘贴您的视图
  • @KlausD。我希望渲染 '' 并且它渲染了 ''
  • @petkostas 我发表了意见
  • 您的输出是完全正确的,因为您将上传指定为 media/img,如果您想要 media/img 这将转换为 media/media/img,那么您需要指定上传到 img,因为 MEDIA_URL 是总是添加

标签: python django django-templates


【解决方案1】:

默认情况下,Django 不提供静态文件或媒体文件,这是一项通常由服务器完成的任务,以便在您的@987654322 中获取在开发期间(并且应该仅在开发期间)提供的静态或媒体文件@file 在末尾的某处添加以下内容:

# Import settings if not imported
from django.conf import settings
# Import static if not imported
from django.conf.urls.static import static

if settings.DEBUG:
    urlpatterns = urlpatterns + static(settings.STATIC_URL, document_root=settings.STATIC_ROOT) + static(settings.MEDIA_URL, document_root=settings.MEDIA_ROOT)

Django 提供了有关如何设置环境以及如何为静态和媒体提供文件的完整文档: https://docs.djangoproject.com/en/1.7/howto/static-files/

【讨论】:

    【解决方案2】:

    你必须在img src前面fitMEDIA_URL

    试试这样的

    <img src="{{ MEDIA_URL }}{{ post.image.url }}" alt="img">
    

    在此之前,您必须为dev environment.in urls.py 中的媒体设置url

    if settings.DEBUG:
        urlpatterns = urlpatterns + static(settings.MEDIA_URL, document_root=settings.MEDIA_ROOT)
    

    在设置中

    MEDIA_URL = '/media/`
    
    MEDIA_ROOT = '/path/to/image/'
    

    更新以修复您的程序

    MEDIA_ROOT = (
        BASE_DIR,
    )
    
    
    MEDIA_URL = '/media/'
    

    html

    <img src="{{ MEDIA_URL }}{{ post.image.url }}" alt="img">
    

    urls.py

    from django.conf import settings
    from django.conf.urls.static import static
    if settings.DEBUG:
        urlpatterns = urlpatterns + static(settings.MEDIA_URL, document_root=settings.MEDIA_ROOT)
    

    这样就可以了

    【讨论】:

    【解决方案3】:

    在你的帮助下,我终于搞定了。 无需使用{{MEDIA_URL}},只需在html 中使用.url。 再次感谢这是我在*中的第一个答案

    【讨论】: