Django - 如何解决把图片加载到html中出现裂图的情况

问题：

正常使用标签

<img  src="static/img/xxx.jpg" alt="" width="xx" height="xx">

将本地的静态文件写入html中，出现图片加载不出的情况（出现裂图的图标）

解决方法：

第一步：确保static文件夹存在与templates同级的目录下。

第二步：确保django.contrib.staticfiles已经注册在setting.py文件中。

INSTALLED_APPS = [
    'django.contrib.staticfiles',
]

第三步：确认setting.py文件中定义了STATIC_URL。

STATIC_URL = 'static/'

第四步：在html文件中将img标签编写为：

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

解决。