Django无法显示MySQL存储的已上传图片问题咨询

你的数据库字段类型设置完全错误，这是图片无法展示的核心原因。

Django 内置的 ImageField（以及继承的 FileField）默认不会把图片的二进制内容存入数据库，它只会在对应字段里存图片文件的相对路径字符串，真实的图片文件会直接存到你配置的 MEDIA_ROOT 目录下的对应子文件夹（你这里就是项目根目录的 media/images/ 路径）。你把该字段设为 BLOB 类型，相当于强制把二进制内容塞到了本该存路径的位置，模板调用 {{etudiant.photo.url}} 时根本拿不到合法的文件路径，自然无法正常渲染图片。

你贴的其余配置都是正确的：settings.py 里的静态/媒体路径配置、项目级 urls.py 里加的媒体文件路由、视图里处理上传时传入了 request.FILES、模板里图片地址的写法都没有问题。

• 修改 MySQL 中 etudiants 表的 photo 字段类型：将当前的 BLOB 类型改为 VARCHAR(1000) 即可，这个字段只需要存储图片上传后的相对路径（例如 images/2024/05/xxx.jpg），不需要存储文件二进制内容。

  不推荐将图片二进制直接存入数据库：这种做法会大幅增加数据库查询压力、提升备份成本，也无法复用 Django 自带的静态文件服务能力。如果一定要存 BLOB，你需要自定义模型字段处理二进制读写，还要单独编写视图返回图片流，完全没必要。

• 确认项目根目录下的 media/images/ 目录存在，且对 Django 运行进程有写入权限。之前上传失败的记录需要重新上传，确保图片文件真实存到磁盘的对应目录中。
• 验证逻辑：上传新的学生记录后，先检查 media/images 目录下是否存在对应的图片文件，再查看数据库中 photo 字段存储的是否是类似 images/xxx.jpg 的路径字符串，此时前端页面就能正常加载图片了。

附：相关配置及代码参考 #

settings.py 配置 #

STATIC_URL = '/static/'
MEDIA_URL = '/media/'

MEDIA_ROOT = os.path.join(BASE_DIR, 'media')

STATICFILES_DIRS = (
    os.path.join(BASE_DIR, 'static'),
)

models.py 模型定义 #

class Etudiants(models.Model):
    numeroetudiant = models.BigIntegerField(db_column='numeroEtudiant', blank=True, null=True)
    nom = models.CharField(max_length=255, blank=True, null=True)
    prenom = models.CharField(max_length=255, blank=True, null=True)
    groupe = models.BigIntegerField(blank=True, null=True)
    photo = models.ImageField(blank=False, null=False, upload_to='images/')
    email = models.CharField(max_length=255, blank=True, null=True)

    class Meta:
        managed = False
        db_table = 'etudiants'

    def __str__(self):
        return self.nom + " " + self.prenom

views.py 上传逻辑 #

def ajoutetudiant(request): 
    submitted = False
    if request.method == "POST":
        form = EtudiantsForm(request.POST, request.FILES)
        if form.is_valid():
            form.save()
            return HttpResponseRedirect("../ajoutetudiant/")
    else: 
        form = EtudiantsForm()
        if 'submitted' in request.GET:
            submitted = True
    
    return render(request, 'ajoutetudiant.html', {'form': form})

项目级 urls.py 路由配置 #

from django.contrib import admin
from django.urls import path, include
from django.conf import settings
from django.conf.urls.static import static

urlpatterns = [
    path('admin/', admin.site.urls),
    path('',include('notes.urls')),
]+ static(settings.MEDIA_URL, document_root=settings.MEDIA_ROOT)

模板图片调用代码 #

<img src="{{etudiant.photo.url}}"/>

问题相关截图 #

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