如何在Django Rest Framework中将ImageField转为Data URI而非URL

要实现将imagem字段以Data URI形式返回，同时保留其他字段的默认序列化逻辑，你可以通过自定义序列化字段覆盖ImageField的默认行为：

步骤1：创建自定义Image序列化字段 #

继承DRF的ImageField，重写to_representation方法，读取图片文件内容并编码为base64格式的Data URI：

import base64
from rest_framework import serializers

class DataUriImageField(serializers.ImageField):
    def to_representation(self, value):
        # 字段为空时返回None
        if not value:
            return None
        
        try:
            # 读取图片二进制内容
            with value.open('rb') as image_file:
                base64_data = base64.b64encode(image_file.read()).decode('utf-8')
                # 获取图片MIME类型
                mime_type = value.file.content_type
                # 拼接成标准Data URI格式
                return f'data:{mime_type};base64,{base64_data}'
        except Exception:
            # 处理文件读取异常，可根据需求调整返回值
            return None

步骤2：修改PratoSerializer #

在序列化器中指定imagem字段使用自定义的DataUriImageField，其余字段保持默认序列化逻辑：

from rest_framework import serializers
from cardapio.models import Prato

class PratoSerializer(serializers.ModelSerializer):
    # 覆盖imagem字段的序列化规则
    imagem = DataUriImageField()

    class Meta:
        model = Prato
        fields = '__all__'

注意事项 #

• Data URI会直接把图片内容嵌入响应中，会显著增大API响应体积，仅建议在小图片场景下使用，或者限制上传图片的大小。
• 异常处理逻辑可根据业务需求调整，比如返回空字符串、抛出序列化异常等。

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