Не удается получить изображение из Django Api в React Native

Здравствуйте друзья, не могу получить изображение из Django в React Native

Вот мой код

Получить APi

const [add, setStudents] = useState([{}])
    async function getAllStudent() {
      try {
        const add = await axios.get('http://192.168.1.77:19000/api/add/')
        method:'GET',
        setStudents(add.data)
      } 
      catch (error) {
        console.log(error)
      }
    }
    getAllStudent(); 

FlatList :

<FlatList 
            data={add}
            
            renderItem={({item})=>
            <Image 
            style={{width:200,height:200, backgroundColor:'green',}}
            source={{uri:item.image}}
            />
            
            }
            />

Код Django находится здесь

Виды

class addpost(viewsets.ViewSet):
    
    def list(self,request):
        postadd1 = postadd.objects.all()
        postaddserial1 = postaddserial(postadd1,many=True)
        return Response(postaddserial1.data)
    
    def create(self,request):
        postaddserial1 = postaddserial(data=request.data)
        if postaddserial1.is_valid():
            postaddserial1.save()
            return Response(postaddserial1.data, status=status.HTTP_201_CREATED)
        return Response(postaddserial1.errors, status=status.HTTP_400_BAD_REQUEST )

    def retrieve(self,request,pk=None):
        queryset = postadd.objects.all()
        contact = get_object_or_404(queryset,pk=pk)
        postaddserial1 = postaddserial(contact)
        return Response(postaddserial1.data)
    
    
    def update(self,request,pk=None):
        contact = postadd.objects.get(pk=pk)
        postaddserial1 = postaddserial(contact,data=request.data)
        if postaddserial1.is_valid():
            postaddserial1.save()
            return Response(postaddserial1.data,status=status.HTTP_201_CREATED)
            
        return Response(postaddserial1.errors,status=status.HTTP_400_BAD_REQUEST)
    
    def destroy(self, request, pk=None):
        postadd1 = postadd.objects.get(pk=pk)
        postadd1.delete()
        return Response(status=status.HTTP_204_NO_CONTENT)    
    

Serializer

class postaddserial(serializers.ModelSerializer):
    class Meta:
        model = postadd
        fields ='__all__'

Модель

class postadd(models.Model):
    city=models.CharField(max_length=122)
    carinfo=models.CharField(max_length=122)
    milage=models.CharField(max_length=122)
    price=models.CharField(max_length=122)
    company=models.CharField(max_length=122)
    image = models.ImageField(upload_to ='static/Images', height_field=None, width_field=None, max_length=100,)
    engine=models.CharField(max_length=122)
    contact=models.CharField(max_length=122)

Я делаю django Api для добавления продукта в react native. я показываю изображение из post man. но не могу получить изображение в react native из api Я делаю приложение, где я могу добавить товар из django rest framework и показать его на react native через api я получаю все данные в react native но не могу получить изображение из api. когда я использую postman я получаю изображение из api но когда я использую api на react native я не могу получить изображение

Вам необходимо определить медиа настройки и абсолютный url для изображения или файлов.

Для получения дополнительной информации вы можете посмотреть здесь Django сериализатор Imagefield для получения полного URL

Вы должны использовать правильный путь url в выборке данных.

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