在Django中使用view/form上传多个文件

Mar*_*oZg 3 python forms django upload file

下面的类用于在 Django 中创建表单并获取必要的信息。问题是,它只提供一个文件上传。我需要上传多个文件。我使用脆皮表格。

我的简化 view.py 如下所示:

class PostCreateView(LoginRequiredMixin, CreateView):
    model = Post
    fields = ['title', 'file_1']

    def form_valid(self, form):   
        form.instance.author = self.request.user

        return super().form_valid(form)
Run Code Online (Sandbox Code Playgroud)

HTML 代码:

{% extends "blog/base.html" %}
{% load crispy_forms_tags %}
{% block content %}
    <div class="content-section">

        <form method="POST" enctype="multipart/form-data">
            {% csrf_token %}
            <fieldset class="form-group">
                <legend class="border-bottom mb-4">Fill form</legend>
                {{ form|crispy }}
            </fieldset>
            <div class="form-group">
                <button class="btn btn-outline-info" type="submit">Submit</button>
            </div>
        </form>
    </div>
{% endblock content %}
Run Code Online (Sandbox Code Playgroud)

当我检查页面时,对象看起来像:

<input type="file" name="file_1" class="clearablefileinput form-control-file" id="id_file_1">
Run Code Online (Sandbox Code Playgroud)

我希望它包含多个属性。我怎样才能做到这一点?我无法使用文档( https://docs.djangoproject.com/en/3.2/topics/http/file-uploads/ )让它工作。

我努力了:

widgets = {'file_1': form.ClearableFileInput(attrs={'multiple': True})}

form.instance.file_1 = form.FileField(widget=form.ClearableFileInput(attrs={'multiple':True}))

form.instance.file_1 = form.FileField(widget=form.FileInput(attrs={'multiple': True}))
Run Code Online (Sandbox Code Playgroud)

我的模型.py

file_1 = models.FileField(blank=True, upload_to='PN_files/%Y/%m/%d/', verbose_name="File 1", validators=[validate_file_size], help_text="Allowed size is 50MB")
Run Code Online (Sandbox Code Playgroud)

我找不到可以在我的班级中实现的如何实现多个文件上传的示例。

更新!(感谢“amadou sow”)我已将我的课程更新为:

class PostCreateView(LoginRequiredMixin, CreateView):
    model = Post
    fields = ['title', 'file_1']

    def form_valid(self, form):   
        form.instance.author = self.request.user
        
        obj = form.save(commit=False)
        if self.request.FILES:
            for f in self.request.FILES.getlist('file_1'):
                obj = self.model.objects.create(file=f)

        return super().form_valid(form)
Run Code Online (Sandbox Code Playgroud)

我已将脚本添加到 HTML 页面以添加 MULTIPLE 属性:

    <script>
      $(document).ready(function(){
        $('#id_file_1').attr("multiple","true");

      })
    </script>
Run Code Online (Sandbox Code Playgroud)

现在,我可以选择选择多个文件并上传它们,但当我这样做时,我的媒体文件夹中仅存储 1 个文件。

Thi*_*Sow 7

为了回答你的问题,我将尝试为帖子创建一个外键,并且我将使用函数视图

应用程序/模型.py:

class Post(models.Model):
    #add your all other fields here execept (files)
class File(models.Model):
     post = models.ForeignKey(Post,on_delete=models.CASCADE)
     file = models.FileField(blank=True, upload_to='PN_files/%Y/%m/%d/', verbose_name="Files", validators=[validate_file_size], help_text="Allowed size is 50MB")
Run Code Online (Sandbox Code Playgroud)

应用程序/表单.py:

from .models import Post,File
class PostForm(forms.ModelForm):
    class Meta:
        model = Post
        fields = [#the field that you want to rendered]
class PostFileForm(PostForm): #extending form
    file = forms.FileField(widget=forms.ClearableFileInput(attrs={'multiple': True}))

    class Meta(PostForm.Meta):
        fields = PostForm.Meta.fields + ['file',]
Run Code Online (Sandbox Code Playgroud)

应用程序/视图.py:

from .forms import PostFileForm
from .models import File

def postcreate(request):
    if request.method == 'POST':
        form=PostFileForm(request.POST or None,request.FILES or None)
        files = request.FILES.getlist('file')
        if form.is_valid():
            post = form.save(commit=False)
            post.author = request.user
            #add everything you want to add here
            post.save()
            if files:#check if user has uploaded some files
                for f in files:
                    File.objects.create(post=post,file=f)
             
            return redirect('the-name-of-the-view')
    else:
        form = PostFileForm()
    return render(request,'the-template-you-want-to-rendered-',{'form':form})
Run Code Online (Sandbox Code Playgroud)

这样您就可以上传许多您想要的文件。如果您不希望该文件是必需的,您可以在 PostFileForm 中添加“required=False”。