Django项目用户头像无法在网页显示的问题求助

先看你的错误提示：GET http://localhost:8000/media/static/default-profile.png 404 (Not Found)，问题根源很清晰——你把默认头像放在了static静态文件目录，但Django把它当成了media媒体文件目录下的资源去寻找，自然找不到。

为什么会这样？ #

你的User模型里，profilePic字段的default值写的是static/default-profile.png，而ImageField生成的url是基于MEDIA_URL（也就是/media/）来拼接的。所以Django会把这个默认路径拼在/media/后面，变成/media/static/default-profile.png，但这个文件实际在/static/目录下，就出现了404。

两种解决方案（适配你后续更换头像的需求） #

方案1：在模板中区分静态默认头像和媒体上传头像

这个方案不用移动文件位置，只需要修改模板逻辑：

1. 首先在模板顶部加载static标签：

{% load static %}

2. 然后判断头像路径是否为默认值，分别使用不同的url：

<img width="200px" src="{% if user.profilePic.name == 'static/default-profile.png' %}{% static 'default-profile.png' %}{% else %}{{ user.profilePic.url }}{% endif %}" alt="用户头像">

这样，当用户使用默认头像时，会从static目录加载；后续用户上传自定义头像后，会自动切换到media目录的资源。

方案2：统一默认头像到media目录（更简洁）

如果你想让所有头像（包括默认）都走media路径，可以这么做：

1. 把static/default-profile.png移动到media/profile_pics/目录下（如果没有这个文件夹就创建）；
2. 修改模型中的default值：

class User(AbstractUser):
    profilePic = models.ImageField(upload_to='profile_pics/', default='profile_pics/default-profile.png')

3. 模板里不需要修改，直接用原来的代码即可：

<img width="200px" src="{{ user.profilePic.url }}" alt="用户头像">

这种方式更统一，后续用户上传的头像也存在profile_pics/下，维护起来更方便。

额外确认 #

你的urls.py中已经正确配置了media和static的路由，这部分没问题，不需要调整。

内容的提问来源于stack exchange，提问作者NodeReact020