从React将POST请求图像文件发送到Django Rest Framework时出现问题

时间:2019-10-15 23:05:11

标签: javascript django reactjs forms django-rest-framework

我正在尝试将图像文件从React发送到我的Django Rest Framework,但是Django Rest似乎没有收到我的数据。

当我直接从Django REST Framework http://127.0.0.1:8001/api/paintings/photos发出POST请求时,效果很好,但是当我尝试通过反应来执行它时,则会引发POST 500错误。

我不确定这与我的内容类型有关还是其他原因。

这是我在React中的功能

  createPainting = (data) => {

    console.log(data)
    console.log(JSON.stringify(data))

    const endpoint = "/api/paintings/photos"; //notice the endpoint is going to a relative request, (relative to where the final javascript built code will be)
    const csrfToken = cookie.load("csrftoken");

    if (csrfToken !== undefined) {
      // this goes into the options argument in fetch(url, options)
      let lookupOptions = {
        method: "POST",
        headers: {
          "Content-Type": "multipart/form-data; boundary=63c5979328c44e2c869349443a94200e",
          "Process-Data": "false",
          "Accept": "multipart/form-data, application/json",
          "X-CSRFToken": csrfToken
        },
        body: JSON.stringify(data),
        credentials: "include"
      };

    fetch(endpoint, lookupOptions)
        .then(response => {
          return response.json();
        })
        this.clearForm()
        .catch(error => {
          console.log("error", error);
          alert("An error occured, please try again later.");
        });
    }
  };

输入的数据如下:

{srcs: "yacht3.jpeg", title_id: "109"}

当我进行字符串化时,它看起来像这样:

{"srcs":"yacht3.jpeg","title_id":"109"}

这是完整的错误消息

Traceback (most recent call last):
  File "/home/hzren/dev/t_and_b_website/venv/lib/python3.6/site-packages/django/db/backends/utils.py", line 85, in _execute
    return self.cursor.execute(sql, params)
psycopg2.errors.NotNullViolation: null value in column "title_id" violates not-null constraint
DETAIL:  Failing row contains (99, default.jpg, null, 1).


The above exception was the direct cause of the following exception:

Traceback (most recent call last):
  File "/home/hzren/dev/t_and_b_website/venv/lib/python3.6/site-packages/django/core/handlers/exception.py", line 35, in inner
    response = get_response(request)
  File "/home/hzren/dev/t_and_b_website/venv/lib/python3.6/site-packages/django/core/handlers/base.py", line 128, in _get_response
    response = self.process_exception_by_middleware(e, request)
  File "/home/hzren/dev/t_and_b_website/venv/lib/python3.6/site-packages/django/core/handlers/base.py", line 126, in _get_response
    response = wrapped_callback(request, *callback_args, **callback_kwargs)
  File "/home/hzren/dev/t_and_b_website/venv/lib/python3.6/site-packages/django/views/decorators/csrf.py", line 54, in wrapped_view
    return view_func(*args, **kwargs)
  File "/home/hzren/dev/t_and_b_website/venv/lib/python3.6/site-packages/django/views/generic/base.py", line 69, in view
    return self.dispatch(request, *args, **kwargs)
  File "/home/hzren/dev/t_and_b_website/venv/lib/python3.6/site-packages/rest_framework/views.py", line 483, in dispatch
    response = self.handle_exception(exc)
  File "/home/hzren/dev/t_and_b_website/venv/lib/python3.6/site-packages/rest_framework/views.py", line 443, in handle_exception
    self.raise_uncaught_exception(exc)
  File "/home/hzren/dev/t_and_b_website/venv/lib/python3.6/site-packages/rest_framework/views.py", line 480, in dispatch
    response = handler(request, *args, **kwargs)
  File "/home/hzren/dev/t_and_b_website/venv/lib/python3.6/site-packages/rest_framework/generics.py", line 244, in post
    return self.create(request, *args, **kwargs)
  File "/home/hzren/dev/t_and_b_website/venv/lib/python3.6/site-packages/rest_framework/mixins.py", line 21, in create
    self.perform_create(serializer)
  File "/home/hzren/dev/t_and_b_website/src/paintings/views.py", line 132, in perform_create
    serializer.save(user=self.request.user)
  File "/home/hzren/dev/t_and_b_website/venv/lib/python3.6/site-packages/rest_framework/serializers.py", line 214, in save
    self.instance = self.create(validated_data)
  File "/home/hzren/dev/t_and_b_website/venv/lib/python3.6/site-packages/rest_framework/serializers.py", line 940, in create
    instance = ModelClass.objects.create(**validated_data)
  File "/home/hzren/dev/t_and_b_website/venv/lib/python3.6/site-packages/django/db/models/manager.py", line 82, in manager_method
    return getattr(self.get_queryset(), name)(*args, **kwargs)
  File "/home/hzren/dev/t_and_b_website/venv/lib/python3.6/site-packages/django/db/models/query.py", line 417, in create
    obj.save(force_insert=True, using=self.db)
  File "/home/hzren/dev/t_and_b_website/venv/lib/python3.6/site-packages/django/db/models/base.py", line 729, in save
    force_update=force_update, update_fields=update_fields)
  File "/home/hzren/dev/t_and_b_website/venv/lib/python3.6/site-packages/django/db/models/base.py", line 759, in save_base
    updated = self._save_table(raw, cls, force_insert, force_update, using, update_fields)
  File "/home/hzren/dev/t_and_b_website/venv/lib/python3.6/site-packages/django/db/models/base.py", line 842, in _save_table
    result = self._do_insert(cls._base_manager, using, fields, update_pk, raw)
  File "/home/hzren/dev/t_and_b_website/venv/lib/python3.6/site-packages/django/db/models/base.py", line 880, in _do_insert
    using=using, raw=raw)
  File "/home/hzren/dev/t_and_b_website/venv/lib/python3.6/site-packages/django/db/models/manager.py", line 82, in manager_method
    return getattr(self.get_queryset(), name)(*args, **kwargs)
  File "/home/hzren/dev/t_and_b_website/venv/lib/python3.6/site-packages/django/db/models/query.py", line 1125, in _insert
    return query.get_compiler(using=using).execute_sql(return_id)
  File "/home/hzren/dev/t_and_b_website/venv/lib/python3.6/site-packages/django/db/models/sql/compiler.py", line 1285, in execute_sql
    cursor.execute(sql, params)
  File "/home/hzren/dev/t_and_b_website/venv/lib/python3.6/site-packages/django/db/backends/utils.py", line 100, in execute
    return super().execute(sql, params)
  File "/home/hzren/dev/t_and_b_website/venv/lib/python3.6/site-packages/django/db/backends/utils.py", line 68, in execute
    return self._execute_with_wrappers(sql, params, many=False, executor=self._execute)
  File "/home/hzren/dev/t_and_b_website/venv/lib/python3.6/site-packages/django/db/backends/utils.py", line 77, in _execute_with_wrappers
    return executor(sql, params, many, context)
  File "/home/hzren/dev/t_and_b_website/venv/lib/python3.6/site-packages/django/db/backends/utils.py", line 85, in _execute
    return self.cursor.execute(sql, params)
  File "/home/hzren/dev/t_and_b_website/venv/lib/python3.6/site-packages/django/db/utils.py", line 89, in __exit__
    raise dj_exc_value.with_traceback(traceback) from exc_value
  File "/home/hzren/dev/t_and_b_website/venv/lib/python3.6/site-packages/django/db/backends/utils.py", line 85, in _execute
    return self.cursor.execute(sql, params)
django.db.utils.IntegrityError: null value in column "title_id" violates not-null constraint
DETAIL:  Failing row contains (99, default.jpg, null, 1).

似乎并没有收到我的数据输入。

这是我的绘画/视图中的相关代码

class PaintingPhotosListCreateAPIView(generics.ListCreateAPIView):
    queryset            = PaintingPhoto.objects.all()
    serializer_class    = PaintingPhotoSerializer
    permission_classes  = [permissions.IsAuthenticatedOrReadOnly]
    pagination_class    = PaintingPhotosPageNumberPagination


    def perform_create(self, serializer):
        serializer.save(user=self.request.user)


    def get_queryset(self):
        # filter the queryset based on the filters applied
        queryList = PaintingPhoto.objects.all()

        title       = self.request.query_params.get('title', None)
        src         = self.request.query_params.get('src', None)

        return queryList

class PaintingPhotosTitleListCreateAPIView(generics.ListCreateAPIView):
    queryset            = PaintingPhoto.objects.all()
    serializer_class    = PaintingPhotoSerializer
    lookup_field        = 'title_id'
    permission_classes  = [permissions.IsAuthenticatedOrReadOnly]

    def perform_create(self, serializer):
        serializer.save(user=self.request.user)

    def get_queryset(self):
            title_id = self.kwargs['title_id']
            return PaintingPhoto.objects.filter(title_id=title_id)

class PaintingPhotosSpecificDetailAPIView(generics.RetrieveUpdateDestroyAPIView):
    queryset            = PaintingPhoto.objects.all()
    serializer_class    = PaintingPhotoSerializer
    lookup_field        = 'id'
    permission_classes  = [IsOwnerOrReadOnly]

这是painting / serializers.py

中的相关代码
class PaintingPhotoSerializer(serializers.ModelSerializer):

    title_name              = serializers.CharField(source='title', read_only=True)
    photo_title_url         = serializers.HyperlinkedIdentityField(
                                view_name='paintings-api:photos-title-list',
                                read_only=True,
                                lookup_field='title_id'
                                )
    photo_specific_url      = serializers.HyperlinkedIdentityField(
                                    view_name='paintings-api:photos-specific-detail',
                                    read_only=True,
                                    lookup_field='id'
                                    )
    owner                   = serializers.SerializerMethodField(read_only=True)



    class Meta:
        model = PaintingPhoto

        fields =[
            'title_id',
            'src',
            'title_name',
            'photo_title_url',
            'photo_specific_url',
            'owner',
        ]

    def get_owner(self, obj):

        request = self.context['request']
        if request.user.is_authenticated:
            if obj.user == request.user:
                return True
        return False

非常感谢!

0 个答案:

没有答案