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>