Question

bootstrap-fileinput组件怎么在上传时指定额外的URL参数

Answer 1

　　由于英文水平问题，阅读官方文档时没有找到该问题的解决方法，于是去github提了一个issue ，得到的答案是仔细阅读文档，里面有一个回调函数可以解决问题??
　　解决方法
　　关键的配置参数是uploadExtraData
　　具体的代码如下：
　　//获得额外参数的方法
　　fodderType = function() {
　　return $("#fodderTypeSelect").val();
　　};
　　//初始化fileinput控件（第一次初始化）
　　function initFileInput(ctrlName, FileExtensions, fileSize) {
　　var control = $('#' + ctrlName);
　　control.fileinput({
　　language: 'zh', //设置语言
　　uploadUrl: "/WxMedia/ImageUpload", //上传的地址
　　allowedFileExtensions: FileExtensions, //接收的文件后缀
　　showUpload: true, //是否显示上传按钮
　　showCaption: true, //是否显示标题,
　　maxFileSize: fileSize * 1000, //单位为kb，如果为0表示不限制文件大小
　　browseClass: "btn btn-primary", //按钮样式
　　previewFileIcon: "<i class='glyphicon glyphicon-king'></i>",
　　initialCaption: "请选择上传素材",
　　uploadExtraData: function(previewId, index) { //额外参数的关键点
　　var obj = {};
　　obj.fodder = fodderType();
　　console.log(obj);
　　return obj;
　　}
　　});
　　}
　　关键点：
　　可以看到配置文件中uploadExtraData的参数是一个函数形式，这是一个回调函数，会在上传时调用，读取配置的额外参数。

Answer 2

bootstrap-fileinput组件上传指定额外的URL参数的方法如下：