图像无法在Django

时间:2015-10-05 08:36:41

标签: django django-templates django-media

我摆弄了django ImageField
我得到了以下模型,例如

class Card(models.Model):
    name        =   models.TextField()
    mana        =   models.IntegerField()
    rarity      =   models.IntegerField(choices=RARITY_CHOICES)
    card_class  =   models.IntegerField(choices=CLASS_CHOICES)
    card_set    =   models.IntegerField(choices=SET_CHOICES)
    card_type   =   models.IntegerField(choices=TYPE_CHOICES)

    def __unicode__(self):
        return self.name

class Weapon(Card):
    damage      =   models.already created a deck with some cards in the django admin interface. Now finally I wanted to render it with a custom view in my template with this viewIntegerField()
    durability  =   models.IntegerField()
    image       =   models.ImageField(upload_to='/home/ubuntu/illuminated/media/images/weapons/')

class Deck(models.Model):
    name            =   models.CharField(max_length=20)
    spell_cards     =   models.ManyToManyField(Spell, blank=True)
    weapon_cards    =   models.ManyToManyField(Weapon, blank=True)
    minion_cards    =   models.ManyToManyField(Minion, blank=True)

我已经在django管理界面中创建了一些卡片。现在最后我想用我的模板中的自定义视图使用此视图进行渲染

class ShowDeck(TemplateView):
    template_name = 'hsguides/deck.html'

    def get_context_data(self, **kwargs):
        context = super(ShowDeck, self).get_context_data(**kwargs)
        context['deck'] = Deck.objects.all()
        return context

这个简单的模板 已经在django管理界面中创建了一些卡片。现在最后我想用我的模板中的自定义视图使用此视图进行渲染

{% for foo in deck.all %}
  {{ foo.name }}
  <br>
  {% for weapon in foo.weapon_cards.all %}
    {{ weapon.name }}
    <img src="{{ weapon.image }}" height="{{ weapon.image.height }}" width="{{ weapon.image.width }}">
  {% endfor %}
{% endfor %}

名称正在渲染,当我查看页面源图像网址,宽度和高度时,图像根本不会显示。
当我在浏览器中单击查看图像时,我看到以下错误

  

使用在illumin.urls中定义的URLconf,Django尝试了这些URL   模式,按此顺序:

^admin/
^account/
^guides/
     

当前网址,   家用/ Ubuntu的/照明/媒体/影像/武器/ Truesilver_Champion_Gold_ktmWGK8.png,   与这些

中的任何一个都不匹配

目前看起来像这样

enter image description here

页面源代码如下

  Basic Paladin
  <br>

    Truesilver Champion
    <img src="/home/ubuntu/illuminated/media/images/weapons/Truesilver_Champion_Gold_ktmWGK8.png" height="396" width="289">

非常感谢任何形式的帮助!

1 个答案:

答案 0 :(得分:2)

简而言之:

将upload_to属性设置为images/weapons/并添加

    url(r'^media/(?P<path>.*)$', 'django.views.static.serve',
        {'document_root': MEDIA_ROOT}),

到您的根urls.py。

另外,请确保在您的设置中定义MEDIA_ROOTMEDIA_URL

BASE_DIR = os.path.dirname(os.path.dirname(__file__))
MEDIA_URL = '/media/'
MEDIA_ROOT = os.path.join(BASE_DIR, 'media')

<强>解释

models.py中,您要将ImageFieldclass Weapon的upload_to属性设置为本地文件系统的绝对路径:/home/ubuntu/illuminated/media/images/weapons

在浏览器的上下文中,任何以/开头的路径都被解释为与主机有关的绝对路径。如果您的主机名是localhost,并且您的服务器在端口8000上运行,它将查找该文件 http://localhost:8000/home/ubuntu/......./weapons/file.jpg

当django处理请求时,它会尝试匹配以home开头的请求路径,但由于您没有配置解析home的路由,因此会出现此错误。