【Django REST framework】画像ファイルをアップロードする機能の実装方法

from django.db import models

class ImageModel(models.Model):
    # 画像ファイルのパスが格納される
    image = models.ImageField(upload_to="images/")

myproject/
    app/
        __init__.py
        models.py
        views.py
        serializers.py   # 追加
        urls.py
        ...
    myproject/
        settings.py
        urls.py
        ...
    manage.py

from rest_framework import serializers
from .models import ImageModel

class ImageModelSerializer(serializers.ModelSerializer):
    class Meta:
        model = ImageModel
        fields = ["image"]

from rest_framework import status
from rest_framework.response import Response
from rest_framework.views import APIView
from .models import ImageModel
from .serializers import ImageModelSerializer

class ImageUploadView(APIView):
    def post(self, request, *args, **kwargs):
        file_serializer = ImageModelSerializer(data=request.data)
        if file_serializer.is_valid():
            file_serializer.save()
            return Response(file_serializer.data, status=status.HTTP_201_CREATED)
        else:
            return Response(file_serializer.errors, status=status.HTTP_400_BAD_REQUEST)

from django.urls import path
from .views import ImageUploadView

urlpatterns = [
    path("upload/", ImageUploadView.as_view(), name="file-upload"),
]

# 開発用
if settings.DEBUG:
    urlpatterns += static(
        settings.MEDIA_URL,
        document_root=settings.MEDIA_ROOT,
    )

const formData = new FormData();
formData.append('image', fileInput.files[0]);

fetch('http://yourserver.com/upload/', {
    method: 'POST',
    body: formData
})
.then(response => response.json())
.then(data => console.log(data))
.then(error => console.error(error));

MEDIA_URL = "/media/"
MEDIA_ROOT = BASE_DIR / "media"

from uuid import uuid4
from django.db import models

def upload_to(instance, filename):
    # 拡張子を取得
    ext = filename.split(".")[-1]  
    # ファイル名としてUUIDを生成し、元の拡張子を維持
    filename = f"{uuid4()}.{ext}"
    # images/ディレクトリに保存されるようにパスを返す
    return f"images/{filename}"

class ImageModel(models.Model):
    # upload_toにupload_to関数を指定
    image = models.ImageField(upload_to=upload_to)

myproject/
    app/
        __init__.py
        models.py
        views.py
        serializers.py
        storage_backend.py   # 追加
        urls.py
        ...
    myproject/
        settings.py
        urls.py
        ...
    manage.py

from django.core.files.storage import FileSystemStorage
from PIL import Image

class ImageResizeStorage(FileSystemStorage):
    def save(self, name, content, *args, **kwargs)
        name = super().save(name, content, *args, **kwargs)

        max_size = 300
        full_path = self.path(name)
        with Image.open(full_path) as img:
            img.thumbnail((max_size, max_size))
            img.save(full_path)
        return name

image = models.ImageField(
    upload_to=upload_to,
    storage = ImageResizeStorage(),
)