Django 2.0多文件上传实现求助：已完成单文件上传却无解决思路

Hey there! I totally get the frustration when you’ve nailed single-file upload but hit a wall with multiple files—Django’s official docs can feel a bit sparse on this specific use case. Let’s break down how to get this working step by step, building on the code you already have.

首先，补全并调整你的表单（forms.py） #

Your current form is set up for single files, so we need to modify it to accept multiple files by adding the multiple attribute to the file input widget. Here’s the updated code:

from django import forms
from .models import Image

class MultipleImageUploadForm(forms.Form):
    title = forms.CharField(max_length=40, help_text="Optional: A shared title for all uploaded images")
    # 启用多文件选择的关键是设置widget的multiple属性
    images = forms.FileField(
        widget=forms.ClearableFileInput(attrs={'multiple': True}),
        label="Select multiple images"
    )

接下来，修改视图来处理多个文件（views.py） #

The main difference here is that we’ll use request.FILES.getlist('images') to fetch all uploaded files, then loop through them to create individual Image instances. Here’s a complete view example:

from django.shortcuts import render, redirect
from .forms import MultipleImageUploadForm
from .models import Image

def upload_multiple_images(request):
    if request.method == 'POST':
        form = MultipleImageUploadForm(request.POST, request.FILES)
        if form.is_valid():
            shared_title = form.cleaned_data['title']
            # 获取所有上传的文件列表
            for image_file in request.FILES.getlist('images'):
                # 为每个文件创建一个Image记录
                Image.objects.create(
                    title=shared_title,  # 如果需要每个图片单独标题，后面会讲表单集方案
                    image=image_file
                )
            # 上传完成后跳转到你指定的页面，比如图片列表页
            return redirect('image_list')
    else:
        form = MultipleImageUploadForm()
    
    return render(request, 'upload_multiple.html', {'form': form})

然后，确保模板正确处理文件上传（upload_multiple.html） #

Don’t forget to add enctype="multipart/form-data" to your form—this is mandatory for file uploads. Here’s a simple template:

<!DOCTYPE html>
<html>
<head>
    <title>Upload Multiple Images</title>
</head>
<body>
    <h1>Upload Multiple Images</h1>
    <form method="POST" enctype="multipart/form-data">
        {% csrf_token %}
        {{ form.as_p }}
        <button type="submit">Upload All</button>
    </form>
</body>
</html>

关键配置检查（settings.py & urls.py） #

Make sure you have these settings configured correctly, otherwise your uploaded images won’t be saved or accessible:

1. settings.py：

import os

BASE_DIR = os.path.dirname(os.path.dirname(os.path.abspath(__file__)))

# 媒体文件存储路径
MEDIA_ROOT = os.path.join(BASE_DIR, 'media')
MEDIA_URL = '/media/'

2. urls.py：
   Add this at the bottom to serve media files during development:

from django.conf import settings
from django.conf.urls.static import static

urlpatterns = [
    # 你的其他URL配置，比如path('upload/', views.upload_multiple_images, name='upload_multiple'),
] + static(settings.MEDIA_URL, document_root=settings.MEDIA_ROOT)

进阶：如果需要每个图片有独立标题（表单集方案） #

If you want each uploaded image to have its own title instead of a shared one, use Django’s FormSet:

1. forms.py：

from django import forms
from .models import Image

class ImageUploadForm(forms.ModelForm):
    class Meta:
        model = Image
        fields = ['title', 'image']

# 创建表单集，允许默认上传3个图片（可调整extra参数）
ImageFormSet = formset_factory(ImageUploadForm, extra=3)

2. views.py：

from django.shortcuts import render, redirect
from .forms import ImageFormSet

def upload_multiple_images(request):
    if request.method == 'POST':
        formset = ImageFormSet(request.POST, request.FILES)
        if formset.is_valid():
            for form in formset:
                if form.cleaned_data:  # 跳过空的表单
                    form.save()
            return redirect('image_list')
    else:
        formset = ImageFormSet()
    
    return render(request, 'upload_multiple_formset.html', {'formset': formset})

3. 模板（upload_multiple_formset.html）：

<form method="POST" enctype="multipart/form-data">
    {% csrf_token %}
    {{ formset.management_form }}
    {% for form in formset %}
        {{ form.as_p }}
        <hr>
    {% endfor %}
    <button type="submit">Upload All</button>
</form>

最后测试小提示 #

• When selecting files, hold down Ctrl (Windows) or Command (Mac) to pick multiple images at once.
• Double-check that your MEDIA folder has write permissions for the server.

内容的提问来源于stack exchange，提问作者Othman.Lh