python - Django 图片连接失效

 银仔-zxy 发布于 2022-10-29 11:38

文件结构

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

怎么解决?

3 个回答
  • <img src='/media/{{ each.pic.url }}' />

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

    2022-10-30 13:47 回答
  • 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还是找不到图片,再具体看看报错信息。

    2022-10-30 13:48 回答
撰写答案
今天,你开发时遇到什么问题呢?
立即提问
热门标签
PHP1.CN | 中国最专业的PHP中文社区 | PNG素材下载 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有