失眠网,内容丰富有趣,生活中的好帮手!
失眠网 > bootstrapinput传参数_bootstrap-fileinput组件在上传时传递额外参数

bootstrapinput传参数_bootstrap-fileinput组件在上传时传递额外参数

时间:2020-04-25 15:58:17

相关推荐

bootstrapinput传参数_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;

}

});

}

原文连接:/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; } }); }

如果觉得《bootstrapinput传参数_bootstrap-fileinput组件在上传时传递额外参数》对你有帮助,请点赞、收藏,并留下你的观点哦!

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。