html文件上传添加额外参数,bootstrap-fileinput组件在上传时传递额外参数
解決方法
關鍵的配置參數是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组件在上传时传递额外参数的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 牛骨头汤的功效与作用、禁忌和食用方法
- 下一篇: 计算机基础知识教案1,计算机基础知识教案