【Django】複数のファイルを同時にアップロードできるフォームの作り方

from django import forms

# 複数のファイルをアップロードするウィジェットクラスを作成
#（コピペでOK！）
class MultipleFileInput(forms.ClearableFileInput):
    allow_multiple_selected = True

# 複数のファイルをアップロードするフィールドクラスを作成
#（コピペでOK！）
class MultipleFileField(forms.FileField):
    def __init__(self, *args, **kwargs):
        kwargs.setdefault("widget", MultipleFileInput())
        super().__init__(*args, **kwargs)

    def clean(self, data, initial=None):
        single_file_clean = super().clean
        if isinstance(data, (list, tuple)):
            result = [single_file_clean(d, initial) for d in data]
        else:
            result = single_file_clean(data, initial)
        return result

# 複数のファイルをアップロードするフォームクラスを作成
# （ご自身の使用したいフォームクラスにMultipleFileFieldを追加してください）
class MultipleFileUploadForm(forms.Form):

    #  複数のファイルをアップロードするフィールドを作成
    files = MultipleFileField(label="複数のファイルを選択")

files = MultipleFileField(label="複数のファイルを選択")

from django.urls import reverse_lazy
from django.views.generic import FormView
from .blog_forms import MultipleFileUploadForm


# 複数のファイルをアップロードするページ
class MultipleFileUploadPage(FormView):
    template_name = "blog/upload.html"
    form_class = MultipleFileUploadForm
    success_url = reverse_lazy("multiple_file_upload")

    # アップロードしたファイルの情報を確認する（無くてもOK！）
    def form_valid(self, form):
        # アップロードしたファイルをリスト型で取得
        files = form.cleaned_data["files"]
        print("ファイルをアップロードしました！")
        print(files)
        return super().form_valid(form)

from django.urls import path

from . import views

urlpatterns = [
    # 複数ファイルアップロードページ
    path(
        "multiple-file-upload/",
        views.MultipleFileUploadPage.as_view(),
        name="multiple_file_upload",
    )
]

<h1>複数ファイルアップロードフォーム</h1>
<!-- 複数のファイルをアップロードするフォームの表示 -->
<form action="" method="POST" enctype="multipart/form-data">
  {% csrf_token %}
  <div class="form-group">
    {{ form.files.label }}
    {{ form.files }}
  </div>
  <button type="submit">アップロードする</button>
</form>

ファイルをアップロードしました！
[<InMemoryUploadedFile: 1.jpg (image/jpeg)>, <InMemoryUploadedFile: 2.jpg (image/jpeg)>, <InMemoryUploadedFile: 3.jpg (image/jpeg)>]

def form_valid(self, form):
    # アップロードしたファイルをリスト型で取得
    files = form.cleaned_data["files"]
    print("ファイルをアップロードしました！")
    print(files)
    # ここに好きな処理を書いていく
    return super().form_valid(form)

# osライブラリをインポート
import os

class MultipleFileUploadForm(forms.Form):

    files = MultipleFileField(label="複数のファイルを選択")

    # 拡張子バリデーションを追加
    def clean_files(self):
        files = self.cleaned_data["files"]
        for file in files:
            extension = os.path.splitext(file.name)[1]

            # 限定したい拡張子を指定（↓ 限定したい拡張子に書き換えてください ↓）
            if not extension.lower() in [".webp", ".png", ".jpg", ".jpeg"]:
                raise forms.ValidationError("画像ファイルを選択してください")
        return files