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

html文件上传添加额外参数 bootstrap-fileinput组件在上传时传递额外参数

时间:2023-03-08 16:48:14

相关推荐

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;

}

});

}

原文连接:/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组件在上传时传递额外参数》对你有帮助,请点赞、收藏,并留下你的观点哦!

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