Django rest загрузка нескольких изображений

Я работаю над API электронной коммерции с Django rest framework Я хочу, чтобы когда пользователь добавляет новый товар, он мог загружать несколько изображений. Как я могу сделать это с помощью rest framework? вот мои модели, представления, сериализатор

my models.py

    class Product(models.Model):
    title = models.CharField(max_length=255)
    slug = models.SlugField()
    description = models.TextField(null=True, blank=True)
    owner = models.ForeignKey(User, related_name='Products', on_delete=models.CASCADE,null=True)
    class ProductImages(models.Model):
     product = models.ForeignKey(Product, on_delete=models.CASCADE, related_name='images')
     images = models.FileField(upload_to='API/images',max_length=100,null=True)

мой сериализатор

class ProductImageSerializer(serializers.ModelSerializer):
    class Meta:
        model = ProductImages
        fields = '__all__'
class Productserializer(serializers.ModelSerializer) :
    images= ProductImageSerializer(many=True)
    class Meta:
        model = Product
        fields = ('id','title','price','description','whatfor','categories','size','rooms','Location','Lat','Long','owner_id','images')
        extra_kwargs = {"user":{"read_only":True}}
        
    def validate(self, attrs):
        attrs['owner'] = self.context.get("request").user
        return attrs

мои взгляды

class ProductViewSet(ModelViewSet):
    queryset = Product.objects.all()
    serializer_class = Productserializer
    filter_backends = [DjangoFilterBackend, SearchFilter, OrderingFilter]
    filterset_class = ProductFilter
    search_fields = ['title', 'description']
    ordering_fields = ['price', 'last_update']
    def get_serializer_context(self):
        return {'request': self.request}

Я думаю, чтобы реализовать множественную загрузку, вам нужно установить дополнительное поле для загрузки в ProductSerializer.

class Productserializer(serializers.ModelSerializer) :
    images= ProductImageSerializer(many=True, read_only = True)
    uploaded_images = serializers.ListField(
        child = serializers.FileFiled(max_length = 1000000, allow_empty_file = False, use_url = False)
        write_only = True
    )
    
    class Meta:
        model = Product
        fields = ('id', ...,'images', 'uploaded_images', ) # add the field
        extra_kwargs = {"user":{"read_only":True}}
        
    def create(self, validated_data):
        uploaded_data = validated_data.pop('uploaded_images')
        new_product = Product.objects.create(**validated_data)
        for uploaded_item in uploaded_data:
            new_product_image = ProductImages.objects.create(product = new_product, images = uploaded_item)
        return new_product

А во фронтенде необходимо изменить ключ images на uploaded_images. Например, как показано ниже.

const formData = new FormData();
event.target.files.forEach((image) => {
    formData.append('uploaded_images', image);
});

Надеюсь, это может помочь.

Вернуться на верх