python - 多个文件上传django

Question

我知道如何在 djnago 中上传多个文件。我用：

<form enctype="multipart/form-data" action="" method="post">
    {% csrf_token %}
    <p>Press control to upload more than image at same time</p>
    <input type="file" name="myfiles" multiple>
    <input type="submit" name="upload" value="Upload">
</form>

但我想要的是单个文件上传，但允许用户单击“+”按钮并自动创建新文件上传，允许用户上传多个文件。比如在hotmail中附加一个文件。

Answer 1

您正在寻找一个FormSet- 一组多个表单，以及一些用于填充新表单的 JavaScript。

https://docs.djangoproject.com/en/dev/topics/forms/formsets/

以下是对 JS 代码的一些参考，它们将有助于为新表单动态构建 HTML：

使用 Ajax 将表单动态添加到 Django 表单集

---

设置表单集很容易（到处都有文档记录），但您可能需要 JS 部分的帮助：

我实际上使用不同的方法来动态添加表单。我设置了一个隐藏的 div，它的属性中formset.empty_form带有易于替换__prefix__的 es：

var form_count = {{ formset.total_form_count }};
$('#add_form').click(function() {
    var form = $("#empty_form").html().replace(/__prefix__/g, form_count);
    $('#forms').append(form);
    form_count++;
    $('#id_form-TOTAL_FORMS').val(form_count);
});


<div id="empty_form" style="display:none;">
    {{ formset.empty_form.as_p }}
</div>
<div id="add_form">Add another form</div>
<form id="forms">
    {{ formset.management_form }}
    {% for form in formset %}
        {{ form.as_p }}
    {% endfor %}
</form>