bootstrapinput传参数_bootstrap-fileinput组件在上传时传递额外参数 Web程序 - 贪吃蛇学院-专业IT技术平台...
解决方法
关键的配置参数是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组件在上传时传递额外参数 Web程序 - 贪吃蛇学院-专业IT技术平台...相关推荐
- sscom 中文显示 乱码_SSM框架:解决后台传数据到前台中文乱码问题,使用@ResponseBody返回json 中文乱码 Web程序 - 贪吃蛇学院-专业IT技术平台...
场景: 在实际运用场景中,当前台发起请求后,我们需要从后台返回数据给前台,这时,如果返回的数据中包含中文,则经常会出现在后台查询出来都是好好,但是传输回去就莫名的乱码了,而且,我们明明已经在 web. ...
- 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 ...
最新文章
- OpenCV 【十三】矩阵的掩码操作
- ADAS方案设计成功关键:图像处理技术
- dalvik虚拟机执行流程_程序员必备的一些流程图
- java B2B2C springmvc mybatis电子商务平台源码-消息队列之RocketMQ
- [转载]ext4的noatime
- HTML5清除2个div标签的空白,DIV标签里面IMG图片下方留有空白怎么办
- 采用推理的方法认知单词、CBOW模型
- eosio.cdt心得
- leetcode—8.同向双指针—滑动窗口题型python解答
- 200 行 C 代码实现插件式 NOSQL 存储服务器(一)
- Office And PDF 病毒分析工具
- matlab——imhist和histeq函数
- RiskCloud-基于Markov算法精准的FTA、 JSA、FMEA软件
- 强大的Tale博客系统v2.0.2源码 支持多主题
- 【舆情报告】当我们在谈论王者荣耀时,我们在谈论什么?
- python tkinter 窗口最大化
- 影单:分享一下最近在看的一些电影
- phpwind支持php7吗,PHPWind 7正式发布
- w10不能访问网络计算机,今天解答win10无法访问局域网电脑的详尽解决举措
- python解压zip文件_python怎样压缩和解压缩ZIP文件(转)
热门文章
- R包stringr处理字符串
- java maven 读写pdf_java读取pdf内容
- 【nacos】本机电脑、服务器上如何安装配置nacos
- 【自然语言处理】正向、逆向、双向最长匹配算法的 切分效果与速度测评
- 人群密度估计--Crowd Counting Via Scale-adaptive Convolutional Nerual Network
- jquery 使用小技巧
- 计算机专业数控,数控专业的月薪是多少 数控专业能干什么
- 卡耐基梅隆大学计算机工程录取率,卡内基梅隆大学2020新生数据出炉!计算机学院录取率堪比藤校...
- 突然吐字不清_突然口齿不清是什么病
- mysql整形溢出报错_MySQL整型数据溢出的解决方法