django之html加载图片

Django将图片,JS,CSS等文件称作静态文件,如果你要在模板中引用这些静态文件,你必须设置static_url或者static_root。

1.修改settings.py文件,添加如下内容:

STATIC_URL = '/static/'

# 设置文件存储路径
STATICFILES_DIRS = [
     os.path.join(BASE_DIR, "static")
]

STATIC_URL的意思是将静态文件的http可访问路径设为/static/

STATICFILES_DIRS是静态文件的真实存储目录,你可以通过STATICFILES_DIRS添加多个静态文件存储目录。

2.修改模板中对于图片的引用路径:

<!DOCTYPE html>
<html lang="en">
<head>
    {% load static %}
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
商品名称:{{good.title}}<br/>
商品价格:{{good.price}}<br/>
商品描述:{{good.desc}}<br/>
商品图片:<br/><img src="/{{good.picture}}">
<hr/>
<img src="{% static 'image/00ecf4ebd745b45b50a4e0ad526e59bb.jpg'%}">
</body>
</html>

Django在查找图片时会默认的使用static()方法(前提是你INSTALLED_APPS里包含django.contrib.staticfiles)到你给定的STATICFILES_DIRS目录下寻找静态文件,这种load写法是官网写法,比较推荐。

  • 3
    点赞
  • 11
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值