Django中如何配置实现原图与缩略图的同步保存？

你当前的代码无法实现“把上传的原图同时保存到thumbnail、缩放后保存到thumbnail_small”的效果，原因很直接：

• 你的前端表单只提交了name="thumbnail"的文件，thumbnail_small字段没有任何数据传入
• ResizedImageField的作用是：当该字段自身收到上传文件时，自动缩放后保存；它不会主动从其他字段抓取图片数据处理

要实现你要的效果，需要手动关联两个字段的逻辑，下面是两种常用方案：

方案一：用模型信号自动生成缩图 #

通过Django的pre_save信号，在模型实例保存前，用thumbnail的原图生成缩图并赋值给thumbnail_small：

修改models.py：

from django.db import models
from django.db.models.signals import pre_save
from django.dispatch import receiver
from PIL import Image
import os
from django.core.files.base import ContentFile

class Post(models.Model):
    thumbnail = models.ImageField(upload_to='uploads/posts/large/')
    # 用普通ImageField存储缩图即可，也可保留ResizedImageField（信号里处理后它不会再二次缩放）
    thumbnail_small = models.ImageField(upload_to='uploads/posts/small/', blank=True)

@receiver(pre_save, sender=Post)
def generate_small_thumbnail(sender, instance, **kwargs):
    # 仅当原图存在且缩图未生成时执行
    if instance.thumbnail and not instance.thumbnail_small:
        # 打开上传的原图
        img = Image.open(instance.thumbnail)
        # 按比例缩放到100x100（thumbnail方法会保持宽高比，不会拉伸）
        img.thumbnail((100, 100))
        # 生成缩图文件名（在原图文件名后加_small后缀）
        base_name, ext = os.path.splitext(os.path.basename(instance.thumbnail.name))
        small_filename = f"{base_name}_small.jpg"
        # 将缩图保存到内存对象
        temp_file = ContentFile(b'')
        img.save(temp_file, format='JPEG')
        temp_file.seek(0)
        # 给缩图字段赋值，save=False避免触发重复保存
        instance.thumbnail_small.save(small_filename, temp_file, save=False)

方案二：在表单的save方法中处理 #

直接在表单保存时，拿到上传的原图生成缩图，再赋值给模型的thumbnail_small字段：

修改forms.py：

from django import forms
from .models import Post
from PIL import Image
import os
from django.core.files.base import ContentFile

class PostForm(forms.ModelForm):
    class Meta:
        model = Post
        fields = ['thumbnail']  # 不需要把thumbnail_small加入表单字段

    def save(self, commit=True):
        # 先不提交到数据库
        instance = super().save(commit=False)
        # 处理缩图生成
        if self.cleaned_data.get('thumbnail'):
            img = Image.open(self.cleaned_data['thumbnail'])
            img.thumbnail((100, 100))
            base_name, ext = os.path.splitext(os.path.basename(instance.thumbnail.name))
            small_filename = f"{base_name}_small.jpg"
            temp_file = ContentFile(b'')
            img.save(temp_file, format='JPEG')
            temp_file.seek(0)
            instance.thumbnail_small.save(small_filename, temp_file, save=False)
        # 提交到数据库（如果commit为True）
        if commit:
            instance.save()
        return instance

核心逻辑说明 #

不管用哪种方案，本质都是：

1. 拿到上传到thumbnail的原图数据
2. 手动对图片进行缩放处理
3. 将处理后的图片数据赋值给thumbnail_small字段
4. 最后统一保存整个模型实例

Django本身不会自动关联不同字段的文件处理，所有跨字段的逻辑都需要你手动实现。

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