Django博客文章图片

Question

你好，我是新手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})

- Thanos Bousis

---

它在HTML中到底呈现为什么（完全是什么）？你原本期望的是什么？ - Klaus D.

@KlausD. 我本来期望渲染 '<img src="/media/img/photo.jpg" alt="img">'，但实际上渲染成了 '<img src="/media/media/img/aristerienotita-logo.jpg" alt="img">'。 - Thanos Bousis

@petkostas 我发布了这些视图。 - Thanos Bousis

@petkostas 仍然无法工作。 - Thanos Bousis

你是否已经设置好了工作环境以提供资产文件（MEDIA和STATIC）？我猜这是一个开发系统，如果不是，请遵循Django指南：https://docs.djangoproject.com/en/1.7/howto/static-files/#serving-static-files-during-development和https://docs.djangoproject.com/en/1.7/howto/static-files/#serving-files-uploaded-by-a-user-during-development。 - petkostas

Answer 1

Django默认不会提供静态文件或媒体文件的服务，这通常是由服务器完成的任务。为了在开发过程中（仅限于开发过程中）提供STATIC或MEDIA文件服务，在您的urls.py文件末尾添加以下内容：

# 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/

- petkostas

Answer 2

你需要在 img src 前面添加 MEDIA_URL 来适配。

可以尝试以下代码：

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

在此之前，您必须在dev环境中的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)

这会解决问题

- itzMEonTV

---

他不必使用 {{ MEDIA_URL }}，因为当使用 .url 时，已经包括了MEDIA URL。 - petkostas

那么哪个 URL 提供他的媒体？ - itzMEonTV

使用.url属性时，MEDIA_URL会自动添加。 - petkostas

Answer 3

终于在您的帮助下解决了问题。 在HTML中不需要使用{{MEDIA_URL}}，只需使用.url即可。 再次感谢，这是我在stackoverflow上的第一个答案。

- Thanos Bousis