文件结构
\project_structure -app \project -settings.py -... \picture -panda.jpg
Models.py
class Goods(models.Model): pic = models.ImageField(upload_to='picture')
我上传了一个图片文件到picture/panda.jpg
那么,怎么在前端显示呢?
我写的:
{{each.pic}}
![]()
浏览器解释:
picture/panda.jpg![]()
图片链接到了http://localhost:8000/my_sell...不能显示。
怎么解决?
<img src='/media/{{ each.pic.url }}' />
首先先确保你配置了django中的静态文件的处理,如果是开发阶段需要配置STATIC及MEDIA这2个选项,如果是生产环境最好使用web服务器进行托管静态文件,详情可以查看django在开发环境下static、media两个文件夹都起效
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还是找不到图片,再具体看看报错信息。