django无需插件即可上传多个文件

Question

我正在尝试使用 django 上传多个文件，但我的代码只上传一个图像而不是所有图像，我试图上传多个图像而不使用任何插件或 javascript 只是一种简单的方法来执行 foreach 因为我只想使用一个输入字段有多个属性，就像在 PHP 代码中一样

我的模型是：

from django.db import models
from django.contrib.auth.models import User
from album.models import Album
from django.core.files import File

class Images(models.Model):
    user = models.ForeignKey(User, on_delete= models.CASCADE)
    album = models.ForeignKey(Album, on_delete= models.CASCADE)
    
    image_value = models.FileField(upload_to='galleries/images', max_length=350, blank=True, null=True)
    
    created_on = models.DateTimeField(auto_now_add=True)

    class Meta:
        db_table = 'album_images'

    def __str__(self):
        return self.album

形式是：

from django import forms
from django.forms import ClearableFileInput
from .models import *

class ImagesUploadClass(forms.ModelForm):
    class Meta:
        model = Images
        
        exclude = ['user']
        fields = ('image_value')

视图是：

from django.shortcuts import render, redirect
from .forms import ImagesUploadClass
from .models import Images
from django.http import HttpResponseRedirect

def uploadMultiPleImagesFunction(request):
    upload_image = ImagesUploadClass()
    
    if request.method == "POST":
        form_add_data = ImagesUploadClass(request.POST, request.FILES)

        if (form_add_data.is_valid()):
            form_add_data.save.save()
            return HttpResponseRedirect('/album')
        else:
            print(form_add_data.errors)

    return render(request, 'images/upload_images.html', {
        'upload_image' : upload_image,
        })

我的模板 html 是：

{% extends "base.html" %}

{% block maincontent %}

    <form method="POST" action="" enctype="multipart/form-data">

        {% csrf_token %}

        <input type="hidden" name="{{ upload_image.user.name }}" value="{{ request.user.id }}">

        <label>Title</label>
        <input type="text" name="{{ upload_image.album.name }}" placeholder="" autocomplete="off" {% if upload_image.album.value != None %} value="{{ upload_image.album.value }}" {% endif %}/>

        <label>Images</label>
        <input type="file" name="{{ upload_image.image_value.name }}" placeholder="" {% if upload_image.image_value.value != None %} value="{{ upload_image.image_value.value }}" {% endif %} multiple />

        <button type="submit">UPLOAD</button>

    </form>

{% endblock %}

Answer 1

我找到了解决方案

模型 ：

from django.db import models
from django.contrib.auth.models import User
from album.models import Album
from django.core.files import File

class Images(models.Model):
    user = models.ForeignKey(User, on_delete= models.CASCADE)
    title = models.CharField(max_length=350, blank=True, null=True)
    
    image_value = models.FileField(upload_to='galleries/images', max_length=350, blank=True, null=True)
    
    created_on = models.DateTimeField(auto_now_add=True)

    class Meta:
        db_table = 'album_images'

    def __str__(self):
        return self.title

在form.py中

from django import forms
from django.forms import ClearableFileInput
from .models import *

class ImagesUploadClass(forms.ModelForm):
    
    class Meta:
        model = Images
        fields = ('user', 'title', 'image_value', )

在views.py中

from django.shortcuts import render, redirect
from django.http import HttpResponseRedirect
from .forms import ImagesUploadClass
from .models import Images

def uploadMultiPleImagesFunction(request):

    upload_image = ImagesUploadClass()
    
    if request.method == "POST":
        
        form_add_data = ImagesUploadClass(request.POST, request.FILES)
        
        files = request.FILES.getlist('image_value')
        
        if (form_add_data.is_valid()):
            
            for image in files:

                Images.objects.create(user_id = request.user.id, title=request.POST['title'], image_value = image)

            return HttpResponseRedirect('/')

        else:
            print(form_add_data.errors)

    return render(request, 'images/upload_images.html', {
        'upload_image': upload_image
        })

模板：

{% extends "base.html" %}

{% block maincontent %}

    <form method="POST" action="" enctype="multipart/form-data">

        {% csrf_token %}

        <input type="hidden" name="{{ upload_image.user.name }}" value="{{ request.user.id }}">

        <label>Title</label>
        <input type="text" name="{{ upload_image.title.name }}" placeholder="" autocomplete="off" {% if upload_image.title.value != None %} value="{{ upload_image.title.value }}" {% endif %}/>

        <label>Images</label>
        <input type="file" name="{{ upload_image.image_value.name }}" placeholder="" {% if upload_image.image_value.value != None %} value="{{ upload_image.image_value.value }}" {% endif %} multiple />

        <button type="submit">UPLOAD</button>

    </form>

{% endblock %}