DRF关联两个序列化器输出通用数据实现方法

你的代码无法返回预期结果有两个核心原因：

• Django 外键反向关联默认命名规则为小写关联模型名_set，你的Image模型通过外键关联CarouselWidget，CarouselWidget实例访问关联图片的默认属性为image_set，你在序列化器中直接定义images字段未指定关联源，DRF无法找到对应关联数据。
• 你当前嵌套使用的ImageSerializer会返回嵌套对象结构，和你预期的纯图片路径一维字符串列表格式不匹配。

只需要调整CarouselWidgetSerializer的字段定义即可，视图层代码不需要改动。
修改后的serializers.py代码如下：

class CarouselWidgetSerializer(serializers.HyperlinkedModelSerializer):
    # 自定义方法字段返回关联图片路径列表
    images = serializers.SerializerMethodField(read_only=True)

    def get_images(self, carousel_obj):
        # 通过反向关联拿到当前轮播图下所有图片，提取每个图片的访问路径
        return [img.image.url for img in carousel_obj.image_set.all()]

    def create(self, validated_data):
        images_data = self.context['request'].FILES
        carousel = CarouselWidget.objects.create(
            # 补全原create方法遗漏的name字段赋值
            name=validated_data.get('name', 'carousel_instance'),
            widget_type=validated_data.get('widget_type', 'carousel')
        )
        # 注意：如果前端上传文件的字段名不是file，需要对应修改getlist内的参数
        for image_data in images_data.getlist('file'):
            Image.objects.create(carousel=carousel, image=image_data)
        return carousel

    class Meta:
        model = CarouselWidget
        lookup_field = 'id'
        fields = ['id', 'name', 'widget_type', 'images']

• 上述实现完全不需要修改模型层代码，符合你不新增模型字段的要求。
• 接口返回的图片路径会自动拼接你在Django settings中配置的MEDIA_URL前缀，和你预期的返回格式完全一致。
• 如果你后续可以修改模型，只需要给Image模型的carousel外键加上related_name='images'参数，就可以把代码里的carousel_obj.image_set.all()替换为carousel_obj.images.all()，可读性更好，但当前需求下不需要做这个改动。

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