python - Django 图片连接失效

问题描述

问 题

文件结构

\project_structure
-app
\project
  -settings.py
  -...
\picture
  -panda.jpg

Models.py

class Goods(models.Model):
    pic = models.ImageField(upload_to='picture')

我上传了一个图片文件到picture/panda.jpg

那么，怎么在前端显示呢？

我写的：

<p>{{each.pic}}</p>
<img src='{{ each.pic.url }}' />

浏览器解释：

picture/panda.jpg
<img src='picture/panda.jpg' />

图片链接到了http://localhost:8000/my_sell...不能显示。

怎么解决？

解决方案

django应用寻找静态文件，默认会去对应app目录下的static文件夹去找，如果在settings.py中配置了STATICFILES_DIRS，也会去这里寻找。

而你的图片目录为picture/... 不是在app目录下的static文件夹中。所以需要在STATICFILES_DIRS中额外配置。

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

然后在访问时候通过
{% load staticfiles %}
<img src='{{ each.pic.url }}' />

如果你配置了STATICFILES_DIRS还是找不到图片，再具体看看报错信息。

这篇关于python - Django 图片连接失效的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！