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: "<i class='glyphicon glyphicon-king'></i>",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: "<i class='glyphicon glyphicon-king'></i>", initialCaption: "请选择上传素材", uploadExtraData: function(previewId, index) { //额外参数的关键点 var obj = {}; obj.fodder = fodderType(); console.log(obj); return obj; } }); }

转载于:https://www.cnblogs.com/LijiafengBlog/p/8259866.html

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

bootstrapinput传参数_bootstrap-fileinput组件在上传时传递额外参数 Web程序 - 贪吃蛇学院-专业IT技术平台...
解决方法关键的配置参数是uploadExtraData 具体的代码如下: //获得额外参数的方法 fodderType = function() { return $("#fodderTy ...
html文件上传添加额外参数,bootstrap-fileinput组件在上传时传递额外参数
解决方法关键的配置参数是uploadExtraData 具体的代码如下: //获得额外参数的方法 fodderType = function() { return $("#fodderTy ...
iview upload 上传时携带额外参数
可以直接放到组件里用, "action"改为自己的接口路径: 效果:点击看效果图 <template><Form :model="formItem&qu ...
为什么手机上传图片这么慢前端_解决BootStrap Fileinput手机图片上传显示旋转问题_心病_前端开发者...
最近因为项目需要用到了bootstrap fileinput的插件,在使用苹果手机上传图片预览时,发现图片方向和手机本地存储方向不一致问题.后来通过查询资料了解图片具有EXIF(Exchangeabl ...
SSM框架基于Bootstrap fileinput 实现文件上传功能
SSM框架基于Bootstrap fileinput 实现文件上传功能 pom.xml文件的配置想要实现SSM框架实现多文件上传,必要的jar包必须要在pom.xml文件中引入.如下: <! ...
ElementUI上传文件和额外参数
ElementUI 上传文件和额外参数需求是: 现有一后端接口,POST类型,参数为 @RequestParam("file") MultipartFile file,int c ...
Element UI 上传组件实现文件上传并附带额外参数
1. 需求在使用 ElementUI 的上传组件 el-upload 实现文件上传功能时,如果单文件上传是比较简单的,但是在实际需求中,往往会在上传文件时伴随着一些其他参数,效果如下图: 在上传指定 ...
el-upload上传文件携带额外参数
在进行文件上传时,需要传递其他参数,比如下图中需要实现携带下拉框的参数前端实现:将下拉框中的参数传递到:data中 :data="{'script_model':script_model ...
文件上传时，file参数不存在
功能:上传图片问题:request part "file" is not present 分析:通常此类问题是因为前后端参数key不一致,此次原因是spring框架对于Multi ...

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

解决方法

解决方法

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

最新文章

热门文章