Django rest frameworkでFileFieldが登録できない

Question

前提・実現したいこと

Django rest frameworkのModelViewSetで動画を登録するAPIを作成しています。
serializer作成時、FileFieldに値が入らないのですがどのようにすれば入るのでしょうか？
もしくは、実現する際にはserializerを利用せず、modelをcreateし、save()するしかないのでしょうか？

発生している問題・エラーメッセージ

添付されたデータはファイルではありません。フォームのエンコーディングタイプを確認してください。

UnicodeDecodeError: 'utf-8' codec can't decode byte 0xdb in position 44: invalid continuation byte

該当のソースコード

[views.py]
class VideoViewSet(viewsets.ModelViewSet):
    serializer_class = VideoSerializer
    queryset = Video.objects.all()

    def create(self, request):
        video_serializer = VideoCreateSerializer(data={'video': request.FILES)})

        if video_serializer.is_valid():
            print(video_serializer.data)
        else:
            print(video_serializer.data)
            print(video_serializer.errors)

        return Response(video_serializer.data)

[serializers.py]
class VideoCreateSerializer(serializers.ModelSerializer):
    class Meta:
        model = Video
        fields = [
            'video',
        ]

class VideoSerializer(serializers.ModelSerializer):
    tags = SerializerMethodField()
    class Meta:
        model = Video
        fields = [
            'id',
            'video',
            'created_at',
        ]

[models.py]
class Video(models.Model):
    video = models.FileField(upload_to=get_upload_to, null=True)
    created_at = models.DateField(default=timezone.now)

    class Meta:
        db_table = 'Video'

試したこと

video_serializer = VideoCreateSerializer(data=request.data)

[エラー]
VideoがNoneになる

video_serializer = VideoCreateSerializer(data=request.data, video=request.FILES)

[エラー]
__init__() got an unexpected keyword argument 'video'

###その他捕捉
request.FILESを確認すると動画自体は取得できているようです。

<MultiValueDict: {'video': [<TemporaryUploadedFile: iiiiiiiiiiiii.mp4 (video/mp4)>]}>

###追記
リクエストはReactでFormDataを作成し、発行しています

[video.js]
...省略
    const handleSubmit = (event) => {
        event.preventDefault();

        const formData = new FormData();
        formData.append('video', video, video.name);

        createVideo(formData)
            .then(vr => {
                console.log('hogehoge');
            })
            .catch(e => {
                throw new Error(e);
            });
    }
    return(
        <form>
            <label>
                動画:
                <input type="file" name="video" accept='video/*' alt="動画" onChange={ (e) => setVideo(e.target.files[0]) } />
            </label>
            <button onClick={ handleSubmit }>送信</button>
        </form>
    )

[video.js]
// 登録
export const createVideo = async (data) =>{
    const csrfToken = Cookies.get('csrftoken');
    const res = await fetch('http://localhost:8000/video/', {
        method: 'POST',
        headers: {
            'Content-type':'multipart/form-data',
            'Content-Disposition': 'attachment; filename=file.mp4',
            'X-CSRFToken': csrfToken
        },
        body: data,
    })
    return await toJson(res);
}

Comments

[hasami]

どのようにリクエストを発行したのでしょうか？

[te_ff]

想定しているリクエスト発行方法追記いたしました。

Parserクラスを追記するとデータのエンコード方式がかわると出てきたので下記追加し、Django管理画面から登録してみたのですがエラーが出ている状態です。
```
parser_classes = [FormParser, FileUploadParser]
```
```
{
"detail": "Missing filename. Request should include a Content-Disposition header with a filename parameter."
}
```
サーバサイドのテストをしたいと考えているのですがDjango管理画面からは登録できないのでしょうか？
https://www.django-rest-framework.org/api-guide/parsers/

また、上記記載のリクエストで送信するとCORSでブロックされています。
別問題かと思いますので別途調査します。

Answer 1

下記のどちらかで、ファイルを取得できないでしょうか。

video = request.FILES['video']
video = request.FILES.get('video', None)

Comments

[te_ff]

ご回答ありがとうございます！
ファイル自体は取得できているのですが、うまく登録ができない状態です。。。

[hasami]

video_serializer = VideoCreateSerializer(video=request.FILES['video'])
では？

[te_ff]

そのように対応してみたのですが、エラーが発生しました
TypeError: __init__() got an unexpected keyword argument 'video'

video=request.FILES['video']ではをprintしてみるとiiiiiiiiiiiii.mp4と取得できていたため
```
VideoCreateSerializer(data={'video': request.FILES['video']})
```
このように対応するとやはりVideoの値がNoneになりました。
対応策ありますでしょうか…？

[hasami]

video_serializer = VideoCreateSerializer(video=request.FILES['video'])
すみません。上記は間違っていました。

下記のようにしたらどうなりますか?
from rest_framework import parsers
class VideoCreateSerializer(serializers.ModelSerializer):
parser_classes = [parsers.MultiPartParser, ]

[te_ff]

上記はVideoCreateSerializerに追加する認識間違いないでしょうか？
試してみると同様にNoneとなりました。
FileなどはSerializerは使えず、Video.objects.createで作成するしかないんですかね・・・

[te_ff]

すみません。。。
もともとデータはSerializerで正常に取得できていたようです。。。
https://stackoverflow.com/questions/39887923/django-rest-fileupload-serializer-returns-file-none

video_serializer.dataでファイルをprintするとデータはNoneになりますが、video_serializer.validated_dataで表示することで値が表示されました。
いろいろとご回答いただきありがとうございます。

[hasami]

間違った回答で惑わせてしまったようです。
申し訳ありません。