Django无数据库传递上传图片至视图的序列化错误解决

Django默认使用JSON序列化session数据，而InMemoryUploadedFile对象无法被JSON序列化，这就是你遇到报错的核心原因。下面提供两种无需数据库的解决方案，可根据图片大小选择合适的方式：

方案一：Base64编码存储（适合小图片） #

将图片内容转为Base64字符串（可被JSON序列化）存储到session，跨视图读取后再转回可处理的格式。

1. HomePageView处理上传并存储到Session #

from django.views.generic import FormView
import base64

class HomePageView(FormView):
    template_name = 'home.html'
    form_class = ImageUploadForm  # 替换为你的上传表单类
    success_url = '/result/'

    def form_valid(self, form):
        uploaded_file = form.cleaned_data['image']
        # 读取文件内容并编码为Base64字符串
        file_content = uploaded_file.read()
        base64_str = base64.b64encode(file_content).decode('utf-8')
        
        # 将图片数据、文件名、类型存入session
        self.request.session['uploaded_image'] = {
            'base64_data': base64_str,
            'filename': uploaded_file.name,
            'content_type': uploaded_file.content_type
        }
        return super().form_valid(form)

2. ResultView读取Session并展示/处理图片 #

from django.views.generic import TemplateView
import base64
from io import BytesIO
from PIL import Image  # 需要安装Pillow：pip install pillow

class ResultView(TemplateView):
    template_name = 'result.html'

    def get_context_data(self, **kwargs):
        context = super().get_context_data(**kwargs)
        image_info = self.request.session.get('uploaded_image')
        
        if image_info:
            # 生成页面可直接展示的Data URI
            context['original_image_uri'] = (
                f"data:{image_info['content_type']};base64,{image_info['base64_data']}"
            )
            
            # 如果需要处理图片（例如缩放、滤镜）
            file_bytes = base64.b64decode(image_info['base64_data'])
            image = Image.open(BytesIO(file_bytes))
            
            # 示例：缩放图片到200x200
            processed_image = image.resize((200, 200))
            
            # 将处理后的图片转回Base64用于展示
            buffer = BytesIO()
            processed_image.save(buffer, format='PNG')
            processed_base64 = base64.b64encode(buffer.getvalue()).decode('utf-8')
            context['processed_image_uri'] = f"data:image/png;base64,{processed_base64}"
            
            # 可选：处理完成后清除session中的图片数据
            del self.request.session['uploaded_image']
        
        return context

3. 模板展示图片（result.html） #

{% if original_image_uri %}
    <h3>上传的图片</h3>
    <img src="{{ original_image_uri }}" alt="Original Image" style="max-width: 500px;">
{% endif %}

{% if processed_image_uri %}
    <h3>处理后的图片</h3>
    <img src="{{ processed_image_uri }}" alt="Processed Image">
{% endif %}

方案二：临时文件存储（适合大图片） #

如果图片体积较大，Base64编码会大幅增加数据体积，超出session存储限制，此时可以用临时文件存储图片，仅将文件路径存入session。

1. HomePageView创建临时文件并存储路径 #

from django.views.generic import FormView
import tempfile
import os

class HomePageView(FormView):
    template_name = 'home.html'
    form_class = ImageUploadForm
    success_url = '/result/'

    def form_valid(self, form):
        uploaded_file = form.cleaned_data['image']
        # 创建临时文件（delete=False表示不自动删除）
        with tempfile.NamedTemporaryFile(
            delete=False,
            suffix=os.path.splitext(uploaded_file.name)[1]
        ) as temp_file:
            # 分块写入上传的文件内容
            for chunk in uploaded_file.chunks():
                temp_file.write(chunk)
            temp_file_path = temp_file.name
        
        # 将临时文件路径、文件名、类型存入session
        self.request.session['temp_image'] = {
            'file_path': temp_file_path,
            'filename': uploaded_file.name,
            'content_type': uploaded_file.content_type
        }
        return super().form_valid(form)

2. ResultView读取临时文件并处理 #

from django.views.generic import TemplateView
import os
from PIL import Image
from io import BytesIO
import base64

class ResultView(TemplateView):
    template_name = 'result.html'

    def get_context_data(self, **kwargs):
        context = super().get_context_data(**kwargs)
        temp_image_info = self.request.session.get('temp_image')
        
        if temp_image_info:
            file_path = temp_image_info['file_path']
            # 读取临时文件处理图片
            image = Image.open(file_path)
            # 示例处理逻辑：转为灰度图
            processed_image = image.convert('L')
            
            # 将处理后的图片转为Base64用于页面展示
            buffer = BytesIO()
            processed_image.save(buffer, format='JPEG')
            processed_base64 = base64.b64encode(buffer.getvalue()).decode('utf-8')
            context['processed_image_uri'] = f"data:image/jpeg;base64,{processed_base64}"
            
            # 清理临时文件和session数据
            os.unlink(file_path)
            del self.request.session['temp_image']
        
        return context

注意事项 #

• Session大小限制：Django默认的session存储（如数据库、缓存）有大小上限，Base64编码会使文件体积增大约33%，因此方案一更适合小图片（如几MB以内）。
• 临时文件清理：方案二中必须确保临时文件被删除，避免磁盘空间被占用；如果用户中途关闭页面未进入ResultView，可通过定时任务清理过期的临时文件。
• 安全性：临时文件应存储在非Web可访问的目录，避免被直接访问；同时要验证上传文件的类型，防止恶意文件上传。

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