javascript - Krajee Bootstrap fileinput 如何动态更改 uploadExtraData

Question

您好，我正在使用 Krajee Bootstrap 文件输入，我需要在提交表单时动态更改 uploadExtraData。所以我把它作为一个回调函数。但这对我不起作用。我认为 uploadExtraData 回调函数仅在初始化时起作用。

这是我的代码

$(".file-loading").fileinput({
     uploadUrl: document.location.origin + "/discussions/add",
     uploadAsync: false,
     uploadExtraData:getFormData(),
 });

function getFormData(){
    var project_id = $("#DiscussionProjectId").val();
    var discussion_title = $("#DiscussionDiscussionTitle").val();
    var comment = $('#discussionComment').attr('value');
    var data = {
        project_id:project_id,
        discussion_title:discussion_title,
        comment:comment
    };
    return data;
}

我正在做的是将输入文件和数据保存在仅提交的表单上。

Answer 1

我遇到了和你一样的问题，你可以试试这个:

$(".file-loading").fileinput({
  uploadUrl: document.location.origin + "/discussions/add",
  uploadAsync: false,
  uploadExtraData:function(previewId, index) {
        var data = {
            project_id : $("#DiscussionProjectId").val(),
            discussion_title:$("#DiscussionDiscussionTitle").val(),
           comment:$('#discussionComment').attr('value')
        };
        return data;
    },
});