0

Всем здравствуйте, я изучаю разработку приложений на React-Native и также Django. Я пишу мобильное приложение на iOS, которое распознает символы из изображений, но у меня есть трудности, как отправлять изображение на сервер.

У меня со стороны сервера выходит следующая ошибка:

[26/Apr/2022 12:10:51] "POST /api/textocr/ HTTP/1.1" 400 519
error {'title': [ErrorDetail(string='Обязательное поле.', code='required')], 'image': [ErrorDetail(string='Расширение файлов “” не поддерживается. Разрешенные расширения: bmp, dib, gif
, tif, tiff, jfif, jpe, jpg, jpeg, pbm, pgm, ppm, pnm, png, apng, blp, bufr, cur, pcx, dcx, dds, ps, eps, fit, fits, fli, flc, ftc, ftu, gbr, grib, h5, hdf, jp2, j2k, jpc, jpf, jpx, j2
c, icns, ico, im, iim, mpg, mpeg, mpo, msp, palm, pcd, pdf, pxr, psd, bw, rgb, rgba, sgi, ras, tga, icb, vda, vst, webp, wmf, emf, xbm, xpm.', code='invalid_extension')]}
Bad Request: /api/textocr/

Что я использовал:

Сервер Django:

models.py

from django.db import models

# Create your models here.

class Ocr(models.Model):
    title = models.CharField(max_length=100, blank=False, null=False)
    image = models.ImageField(upload_to='images/', null=True, blank=True)

    def __str__(self):
        return self.title

serializers.py:

from rest_framework import serializers
from .models import Ocr

class PostSerializer(serializers.ModelSerializer):
    class Meta:
        model = Ocr
        fields = '__all__'

views.py:

from django.shortcuts import render
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)
        return Response(serializer.data)

    def post(self, request, *args, **kwargs):
        posts_serializer = PostSerializer(data=request.data)
        if posts_serializer.is_valid():
            posts_serializer.save()
            return Response(posts_serializer.data, status=status.HTTP_201_CREATED)
        else:
            print('error', posts_serializer.errors)
            return Response(posts_serializer.errors, status=status.HTTP_400_BAD_REQUEST)

React-Native:

CameraScreen.js:

const [image, setImage] = useState(null);

  const pickImage = async () => {
    // No permissions request is necessary for launching the image library
    let result = await ImagePicker.launchImageLibraryAsync({
      mediaTypes: ImagePicker.MediaTypeOptions.Images,
      allowsEditing: true,
      aspect: [4, 3],
      quality: 1,
    });

    console.log(result.uri);

    if (!result.cancelled) {
      postToServer(result)
      setImage(result);
    }
    
  };

  const postToServer = (img) => {
    const formData = new FormData();
    
    formData.append('image', {
                uri: img.uri,
                type: 'image/jpg', // or photo.type
                name: 'testPhotoName'
            });
        
        fetch('http://192.168.0.149:8000/api/textocr/', {
          method: 'POST',
          body: formData,
          headers: {
            'Accept': 'application/json',
            'Content-Type': 'multipart/form-data',
          }
        });
    }
2
  • У вас в ошибке всё написано. title обязательное поле. formData.append('title', 'строка') и вы не указали расширение. name: 'testPhotoName.jpg'
    – Hat
    26 апр 2022 в 8:56
  • Да, я не заметил, спасибо большое
    – bigbwoi
    26 апр 2022 в 9:45

0

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Посмотрите другие вопросы с метками или задайте свой вопрос.