Как отправить результат выполнения функции с сервера Django в приложение React Native?

Я изучаю React Native и Django Development и создаю приложение, которое распознает текст с изображения. Я реализовал метод POST из React Native на Django Server, но я не понимаю, как отправить результат распознавания обратно на React. Как я могу решить эту проблему?

Django Server:

views.py:

from .serializers import PostSerializer
from .models import Ocr
from rest_framework.views import APIView
from rest_framework.parsers import MultiPartParser, FormParser
from rest_framework.response import Response
from rest_framework import status
# Create your views here.

from django.http.response import JsonResponse
# Create your views here.

# import pytesseract to convert text in image to string
import pytesseract
# import summarize to summarize the ocred text

from .forms import ImageUpload
import os

# import Image from PIL to read image
from PIL import Image

from django.conf import settings

# Create your views here.

class PostView(APIView):
    parser_classes = (MultiPartParser, FormParser)

    def get(self, request, *args, **kwargs):
        posts = Ocr.objects.all()
        serializer = PostSerializer(posts, many=True)
        print(serializer.data)
        return Response(serializer.data)

    def post(self, request, *args, **kwargs):
        posts_serializer = PostSerializer(data=request.data)
        if posts_serializer.is_valid():
            text = ""
            message = ""
            posts_serializer.save()
            try:
                posts_serializer.save()
                image = request.FILES['image']
                image = image.name
                path = settings.MEDIA_ROOT
                pathz = path + "/images/" + image

                text = pytesseract.image_to_string(Image.open(pathz), lang='rus+eng')

                os.remove(pathz)
            except Exception:
                message = "check your filename and ensure it doesn't have any space or check if it has any text"
            context = {
                    'text': text,
                    'message': message
            }
            print(context)
            return Response(posts_serializer.data, status=status.HTTP_201_CREATED)
        else:
            return Response(posts_serializer.errors, status=status.HTTP_400_BAD_REQUEST)

Реакция-родная:

CameraScreen.js:

const postToServer = (img) => {
    const formData = new FormData();
    
    formData.append('image', {
                uri: img.uri,
                type: 'image/jpeg', 
                name: 'test.jpg',
            })
    formData.append('title', 'title');
        
        fetch('http://192.168.0.149:8000/api/textocr/', {
          method: 'POST',
          body: formData,
          // If you add this, upload won't work
          headers: {
            'Accept': 'application/json',
            'Content-Type': 'multipart/form-data',
          }
        });
  }

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