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;

}

});

}

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

bootstrapinput传参数_bootstrap-fileinput组件在上传时传递额外参数相关推荐

bootstrapinput传参数_bootstrap-fileinput组件在上传时传递额外参数 Web程序 - 贪吃蛇学院-专业IT技术平台...
解决方法关键的配置参数是uploadExtraData 具体的代码如下: //获得额外参数的方法 fodderType = function() { return $("#fodderTy ...
html文件上传添加额外参数,bootstrap-fileinput组件在上传时传递额外参数
解决方法关键的配置参数是uploadExtraData 具体的代码如下: //获得额外参数的方法 fodderType = function() { return $("#fodderTy ...
bootstrap-fileinput组件在上传时传递额外参数
解决方法关键的配置参数是uploadExtraData 具体的代码如下: //获得额外参数的方法fodderType = function() {return $("#fodderType ...
java多图片上传插件,Bootstrap中的fileinput 多图片上传及编辑功能
Bootstrap中的fileinput 多图片上传及编辑功能 2019-01-01 编程之家收集整理的这篇文章主要介绍了Bootstrap中的fileinput 多图片上传及编辑功能,编程之家小编觉 ...
elementui 上传七牛_element ui使用上传组件上传文件到七牛(qiniu-js)
博主正在重构博客中,刚开始时静态资源都是上传到本地服务器的,但这个项目博主最后打算真正上线运营的.索性就改进了下,把静态资源尽量放到云存储中,方便后续开发.这里把方法和遇到坑给记录下. 1.使用前提注 ...
ElementUI 文件上传传递额外参数
需求是在一个表格数据里面做文件上传按钮,需要在文件上传的时候传递当前行的主键id.el-upload组件默认提供的函数都没能实现这个功能,于是对函数的写法稍加更改以实现传递额外参数的功能. HTML部 ...
基于 springboot + vue 的 element-ui 的 upload 组件头像上传功能
基于 springboot + vue 的 element-ui 的 upload 组件头像上传为了方便我们自己本地测试使用,我们将文件上传至自己电脑的磁盘中,由于项目是前后端分离的,所以我们会直接 ...
验证码组件，上传下载组件
一.验证码组件这里使用的验证码组件是kaptcha验证码开源项目. kaptcha是一个简单好用的验证码生成工具,通过配置,可以自己定义验证码大小.颜色.显示的字符等等.下面就来讲一下如何使用kap ...
ElementUI中el-upload怎样上传文件并且传递额外参数给Springboot后台进行接收
场景需要将Excel中的数据导入到数据库中,就会用到文件上传的功能. 这里使用ElementUI的el-upload控件实现文件上传. 注: 博客: https://blog.csdn.net/ba ...
java上传组件_java上传组件FileUpload
如果表单中有文件要上传,也就是有就需要在form标签中添加enctype="multipart/form-data"属性如果添加此属性,在操作页面servlet中,用requ ...

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

bootstrapinput传参数_bootstrap-fileinput组件在上传时传递额外参数相关推荐

最新文章

热门文章