Django 图片连接失效

Question

文件结构

\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...不能显示。

怎么解决？

Answer 1

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还是找不到图片，再具体看看报错信息。

Answer 2

首先先确保你配置了django中的静态文件的处理,如果是开发阶段需要配置STATIC及MEDIA这2个选项,如果是生产环境最好使用web服务器进行托管静态文件,详情可以查看django在开发环境下static、media两个文件夹都起效

Answer 3

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