我正在使用 Django REST 框架開發電子商務 API，所以我希望當用戶添加新產品時，他可以上傳多個影像，我該如何使用 REST 框架來做到這一點？這是我的模型、視圖、序列化程式
我的模型.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}
uj5u.com熱心網友回復：
我認為要實作多次上傳，您需要在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);
});
轉載請註明出處，本文鏈接：https://www.uj5u.com/caozuo/481638.html
標籤：django 图片 django-rest-framework