我想在bootstrap-fileinput中添加uploadExtraData

Question

我正在使用bootstrap-fileinput，我能够成功上传文件，但我也希望将一些像用户详细信息这样的数据发送到服务器。有没有添加数据的选项？

我的JavaScript代码：

$('#xlf').fileinput({
                showPreview: false,
                uploadUrl: 'MuUrl',
                allowedFileExtensions: ['csv'],
                browseClass: "btn btn-info",
                elErrorContainer: '#errorBlock',
                msgUploadEnd: "File Uploded Successfully",
                maxFileSize: 92160
            });

Answer 1

使用uploadExtraData将其他数据上传到服务器。这仅适用于异步上载。如果您使用表单提交进行上传，只需在表单中的隐藏字段中添加其他数据即可发送到您的服务器。

Ajax submission

这是Asynch选项。

     $('#xlf').fileinput({
            showPreview: false,
            uploadUrl: 'MuUrl',
            allowedFileExtensions: ['csv'],
            browseClass: "btn btn-info",
            elErrorContainer: '#errorBlock',
            msgUploadEnd: "File Uploded Successfully",
            maxFileSize: 92160,
            // this is where the magic happens
            uploadAsync: true,
            uploadExtraData:{
               userid:'12345',
               firstname:'Jesus',
               lastname:'Christ'
            },
        });

希望这会对某人有所帮助，即使答案太晚了。