django模版html-传入图片链接

最新推荐文章于 2022-11-30 17:16:40 发布

Lily走起

最新推荐文章于 2022-11-30 17:16:40 发布

阅读量390

点赞数 1

分类专栏： Django

本文链接：https://blog.youkuaiyun.com/holly_08/article/details/117020191

版权

Django 专栏收录该内容

8 篇文章

订阅专栏

本文介绍两种在Django中处理图片的方法。第一种方法是通过修改HTML中的img标签来直接引用模型中的图片字段；第二种方法是调整div背景图片的URL路径。这两种方法都涉及到了如何在视图中正确地获取并显示ImageField字段的图片。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1. 方式1:

<img class="w-100 article-img" src="/static/default_article_img" alt="django图片">
替换为：
<img class="w-100 article-img" src="{{ article.img.url }}"alt="django图片获取">
【备注：article.img 定义表article字段img的类型为ImageField】
【备注：ImageField是文件类，里面有三个属性name、path、url可以直接访问】

2. 方式2:

<div class="review-item-img" style="background-image: url(../static/images/diego-ph-249471-2-800x1000.jpg);"></div>
替换如下：
<div class="review-item-img" style="background-image: url(/{{ article.img.url }});"></div>
或
<div class="review-item-img" style="background-image: url(/{{ article.img.name }});"></div>