解決方法

關鍵的配置參數是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: "",

initialCaption: "請選擇上傳素材",

uploadExtraData: function(previewId, index) { //額外參數的關鍵點

var obj = {};

obj.fodder = fodderType();

console.log(obj);

return obj;

}

});

}

原文連接：http://www.cnblogs.com/haijd/p/bootstrapfileinputuploadExtraData.html

解決方法

關鍵的配置參數是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: "",

initialCaption: "請選擇上傳素材",

uploadExtraData: function(previewId, index) { //額外參數的關鍵點

var obj = {};

obj.fodder = fodderType();

console.log(obj);

return obj;

}

});

}

總結

以上是生活随笔為你收集整理的html文件上传添加额外参数,bootstrap-fileinput组件在上传时传递额外参数的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。