Загрузка изображения через django из react показывает ошибку UnicodeDecodeError: 'utf-8'

Я создаю приложение для блога на React and Django и пытаюсь загрузить изображение из react в django, но оно показывает

UnicodeDecodeError: кодек 'utf-8' не может декодировать байт 0xff в позиции 136: недопустимый начальный байт

views.py

class BlogCreateView(APIView):
    serializer_class = BlogSerializer

    def post(self, request, *args, **kwargs):

        print(request.body)
        data = json.loads(request.body)
        print(data)

        return Response({"status": "SUCCESS"})

serializers.py

class BlogSerializer(serializers.ModelSerializer):

    class Meta:
        model = Blog
        fields = ("id", "image")

App.js

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

    const saveBlog = () => {
       let form_data = new FormData();

       form_data.append("image", image, image.name)

       const headers = {
         "Content-Type": "multipart/form-data",
         Accept: "application/json",
        }

       axios.post("http://127.0.0.1:8000/blog_create/", form_data, 
                                      {headers:headers}).then((res) => {
         console.log(res)
       })

     return (
         <> 
          <input type="file" onInput={(e) => setImage(e.target.files[0])} 
          />

          <button type='button' onClick={saveBlog}>Save</button>

 

         </>
       )
     }
   }
}

Когда я использую for loop, например :-

        for data in request.data:
            json_accep = data.replace("'", "\"")
            get = json.loads(json_accep)
            print(get)

тогда он показывает json.decoder.JSONDecodeError: Expecting value: line 1 column 1 (char 0)

Я пробовал много раз, но он все еще не работает.

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