Ошибка загрузки изображения. Проверьте тип кодировки в форме. - PullRequest
Новая
       18

Ошибка загрузки изображения. Проверьте тип кодировки в форме.

1 голос
/ 10 июля 2020

В моем проекте мне нужно загрузить изображение в качестве аватара для моих игроков, как показано в моем models.py: 

class Player(models.Model):
    number = models.IntegerField()
    photo = models.ImageField(upload_to=upload_path, null=True, blank=True)
    firstname = models.CharField(max_length=24)
    lastname = models.CharField(max_length=24)
    tag = models.CharField(max_length=8, blank=True)
    color = models.CharField(max_length=10, null=True, blank=True)
    selected = models.BooleanField(null = False, blank=True)
    post = models.ForeignKey(Post, on_delete=models.SET_NULL, null=True)

    def __str__(self):
        return "#{}".format(
            self.number,
        )

Я использую angular для отправить мое изображение, используя: 

        <input
          type="file"
          (change)="onNewPlayerPhotoChanged($event)"
          accept="image/jpeg, image/png, image/jpg"
        />

и в моем машинописном тексте 

  onNewPlayerPhotoChanged(event) {
    this.newPlayerPhoto = event.target.files[0];
  }

затем на моей кнопке отправки я получил 

  createPlayer() {
    this.newPlayer.selected = false;
    this.newPlayer.photo = this.newPlayerPhoto;
    this.newPlayer.post_id = parseInt(this.newPlayerPost, 10);
    this.playerService.create(this.newPlayer).subscribe(
      res => {
        this.getPlayerList();
        this.openNewModal = false;
        this.alertService.success('Joueur créé avec succès !');
        setTimeout(() => this.alertService.clear(), 2000);
      },
      error => {
        this.alertService.error(error);
        setTimeout(() => this.alertService.clear(), 2000);
      }
    );
  }

Но я получил ошибку: фото: ["Отправленные данные не были файлом. Проверьте тип кодировки в форме."]

Вот мой ** views.py: **


class PlayerViewSet(viewsets.ModelViewSet):
    """
    API endpoint that allows Player to be viewed or edited.
    """

    parser_classes = [JSONParser]

    queryset = Player.objects.all()
    serializer_class = PlayerSerializer
    permission_classes = [IsAuthenticated, HasPermission, ]

    def post(self, request, *args, **kwargs):
        return HttpResponse({"message":request.FILES}, status=200)
        print(request.FILES)
        print(request.data)
        photo = request.FILES['photo']
        firstname = request.data['firstname']
        lastname = request.data['lastname']
        number = request.data['number']
        tag = request.data['tag']
        color = request.data['color']
        selected = request.data['selected']
        post = request.data['post']
        Player.objects.create(photo=photo, firstname=firstname, lastname=lastname, number=number, tag=tag, color=color,
                              selected=selected, post=post)
        return HttpResponse({'message':"Player created"}, status=200)

и мой serializers.py: 

class PlayerSerializer(serializers.ModelSerializer):
    post = PostSerializer(many=False, read_only=True)
    post_id = serializers.PrimaryKeyRelatedField(source='post', write_only=True, queryset=Post.objects.all(),)

    class Meta:
        model = Player
        fields = '__all__'

Я следовал этому руководству https://www.youtube.com/watch?v=-36YauTh4Ts, но он не принимает это ошибка,

, если бы кто-нибудь мог помочь, это было бы очень полезно. Спасибо!

РЕДАКТИРОВАТЬ: Я пытался использовать FileUploadParser и MultiPartParser в качестве парсера в своих представлениях, но ни один из них тоже не работал, FileUploadParser возвращал мне ошибку, в которой указывалось, что имя файла было необходимо, и MultiPartParser возвращал мне ошибку сяинг, что он получал JSON.

...