如何识别Django中request.FILES内文件对应的上传input标签？

核心问题是当前所有文件上传框共用同一个name="uploaded[]"，导致提交后无法区分文件所属的章节。我们只需要给每个文件上传框设置带章节ID的唯一name属性，就能在后端精准关联文件和对应的数据行。

步骤1：修改HTML中的文件上传标签 #

把原来统一的name="uploaded[]"改成包含当前章节qn.procid的动态名称，比如name="uploaded_{{ qn.procid }}[]"。这样每个上传框的name都会和对应的章节ID绑定，提交后后端能直接识别文件所属的章节：

{% for qn, ans in headingparagraph %}
<div class="row mt-4">
    <div class="col-md-24">
        <div class="form-group">
            <label for="exampleFormControlTextarea1">{{ qn.name }}</label>
            <input type="hidden" id="custId" name="qn[]" value="{{ qn.procid }}">
            <textarea class="form-control reporttextarea" id="" rows="3" name="ans[]">{{ ans }}</textarea>
        </div>
    </div>
</div>
<div class="row mb-2">
    <i class="fas fa-image fa-2x mx-2"></i> Upload Images
    <!-- 修改name属性，加入qn.procid作为标识 -->
    <input type="file" class="mx-2" id="{{ qn.procid }}_upload" accept="image/*" name="uploaded_{{ qn.procid }}[]" multiple />
</div>
{% endfor %}

步骤2：修改视图中的文件处理逻辑 #

现在后端可以通过遍历每个章节的ID，从request.FILES中获取对应章节的文件列表。结合你已有的headinglist（章节ID列表），我们可以这样处理：

if request.method == 'POST':
    print(request.POST, "\n\n")
    headinglist = request.POST.getlist('qn[]')
    valuelist = request.POST.getlist('ans[]')
    for h, v in zip(headinglist, valuelist):
        print(h, v)
    
    # 遍历每个章节ID，获取对应文件并关联保存
    for heading_id in headinglist:
        # 构造当前章节对应的文件上传name
        file_key = f'uploaded_{heading_id}[]'
        # 获取该章节下的所有上传文件
        files = request.FILES.getlist(file_key)
        for f in files:
            print(f"章节ID {heading_id} 的文件: {f}")
            # 这里可以根据需要关联到对应的章节（比如SectionHeading）
            # 你的原代码是关联到Procedure，若需要关联SectionHeading可调整外键
            report_pic = SectionImage(pic=f, procedure=proc)
            report_pic.save()
            print(f'Saved picture to disk: {f}')
    
    msg = "Updated successfully"

原理说明 #

• 每个文件上传框的name包含了对应的章节ID，提交后request.FILES会以uploaded_<章节ID>[]为键存储该章节的所有文件。
• 后端通过章节ID遍历，精准获取每个章节的文件，就能轻松把文件和对应的数据行关联起来。

这个方案不需要额外的表单类，完全适配你当前的代码结构，只需要修改HTML的name属性和后端的遍历逻辑即可。

内容的提问来源于stack exchange，提问作者Joel G Mathew