html 无法在 django 中显示图像答案

【问题标题】：html cannot display image in djangohtml 无法在 django 中显示图像
【发布时间】：2020-03-19 14:26:50
【问题描述】：

我已将图像文件 img.png 和 HTML 文件 index.html 放在同一个文件夹 test 中我在 django 中执行了 index.html，我想从本地显示图像

我试过了

<img src='img.png'/>

<img src='./img.png'/>

<img src='..../test/img.png'/>   <!-- absolute path -->

系统都说找不到图片文件。

【问题讨论】：

你能发布系统错误。浏览器控制台写了什么？
你试过<img src='/img.png'/>或<img src='/test/img.png'/>吗？
为什么要在模板文件夹中放一张图片？
我尝试在设置中设置的媒体网址上传图片，但上传失败。然后我尝试使用docs.djangoproject.com/en/2.2/topics/http/file-uploads中的基本文件上传，可以成功上传和处理图像。

【解决方案1】：

1-确保 django.contrib.staticfiles 包含在您的 INSTALLED_APPS 中。

2-在你的设置文件中，定义STATIC_URL，例如：

STATIC_URL = '/static/'

3-在您的模板中，使用静态模板标签使用配置的 STATICFILES_STORAGE 为给定的相对路径构建 URL：

{% load static %}
<img src="{% static 'my_app/example.jpg' %}" alt="My image">

4-将您的静态文件存储在应用程序中名为 static 的文件夹中。例如： my_app/static/my_app/example.jpg。

【讨论】：