无法将额外数据附加到 jquery-fileupload 调用

Question

我正在尝试使用 jQuery File Upload Plugin 将文件上传功能集成到我的 Django 应用程序中，可以找到 here。现在，我已经在模板中附加了 csrf token 和输入标签：

<input id="fileupload" type="file" name="document" multiple
               style="display: none;"
               data-url="{% url 'upload' %}"
               data-form-data='{"csrfmiddlewaretoken": "{{ csrf_token }}"}'>

但是，稍后在 JS 文件中，我想在此表单中附加一些额外的信息。建议的方法是使用 formData 来做到这一点，如下所示：

$("#fileupload").fileupload({
    dataType: 'json',
    formData: {employee_id: get_selected_employee()},
    done: function (e, data) {  
        }
    }
});

但是，此新数据 不会附加 到已在模板中创建并包含 csrf_token 的 formData。

如果我尝试在 .fileupload 调用中附加 csrf 令牌和 employee_id，即使 csrf 令牌似乎有效，我也会得到 403 (CSRF token missing or incorrect)。我无法在模板中附加 employee_id，因为它在动态变化。有人有什么想法吗？

Answer 1

我将数据动态附加到 data-form-data，所以它看起来像这样：

data-form-data='{"csrfmiddlewaretoken": "{{ csrf_token }}", "employee_id": "<employee_id>"}'

但是，我在使用 jQuery File Upload 时遇到了多个其他问题，因此决定切换到 Dropzone，我花了 3 个小时来设置所有内容，而我花了 3 天时间尝试集成 [=12] =].

无法将额外数据附加到 jquery-fileupload 调用

Cannot append extra data to jquery-fileupload call

javascript

jquery

ajax

django

jquery-file-upload