在Angular模板中显示ImageField

时间:2017-08-02 23:49:03

标签: angularjs django django-models imagefield

我正在使用Django和Angular来构建一个博客,并希望使用Django的内置ImageField。 <img src="{{ post.image }}">虽然没有渲染图像。它正在渲染其他字段(此HTML - <span>{{ post.title }}</span> - 工作正常)。

models.py

from django.db import models
from django.contrib.auth.models import User

class Post(models.Model):
    title = models.CharField(max_length=200, blank=True, null=True)
    date_added = models.DateField(editable=True)
    author = models.ForeignKey(User)
    image = models.ImageField(blank=True, null=True)
    text = models.TextField(null=True, blank=True)

    def __str__(self):
        """Return a string representation of the model"""
        return self.title

File strucrture>>

1 个答案:

答案 0 :(得分:0)

  • 请确保您已将settings.py中的MEDIA_ROOT设置为保存用户上传文件的目录的绝对文件系统路径。
  • 在开发过程中,请务必在urls.py中添加 settings.MEDIA_URL ,如documentation
  • 中所述