解决方法

关键的配置参数是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;

}

});

}

html文件上传添加额外参数,bootstrap-fileinput组件在上传时传递额外参数相关推荐

  1. 为什么手机上传图片这么慢 前端_解决BootStrap Fileinput手机图片上传显示旋转问题_心病_前端开发者...

    最近因为项目需要用到了bootstrap fileinput的插件,在使用苹果手机上传图片预览时,发现图片方向和手机本地存储方向不一致问题.后来通过查询资料了解图片具有EXIF(Exchangeabl ...

  2. vue 点击事件传递多个参数_Vue子组件监听事件中传递参数的方法

    在子组件中,我们可以通过以下方式监听事件: v-on:click="$emit('funcName',a)" 如果需要传多个参数,可以通过以下方式: v-on:click=&quo ...

  3. Ant Design Vue 组件@chang绑定方法如何传递自定义参数

    Ant Design Vue 组件@chang绑定方法如何传递自定义参数 今天在写代码的时候遇到一个问题: 在嵌套标签中 外层使用了一个v-for循环去循环一个数组,当内层想要拿取index,并且使用 ...

  4. bootstrapinput传参数_bootstrap-fileinput组件在上传时传递额外参数 Web程序 - 贪吃蛇学院-专业IT技术平台...

    解决方法 关键的配置参数是uploadExtraData 具体的代码如下: //获得额外参数的方法 fodderType = function() { return $("#fodderTy ...

  5. 上传sm图床 bootstrap fileinput插件结合sm图床实现上传功能

    sm图床官网 sm图床api文档 1.查看api文档 登陆官网可以直接查看详细的api文档,通过发送ajax请求   返回给你json地址,然后就可以通过地址访问了. 2.上传的小demo 直接复制一 ...

  6. python获取命令行参数,使用getopt获取命令行执行时指定的参数

    首先导入: import getopt, sys getopt的使用:只用一行就可以得到所有传入的参数: opts, args = getopt.getopt(sys.argv[1:], '短参数', ...

  7. python中eps参数_Python minimize函数:向约束字典传递附加参数

    我不知道如何通过minimize函数将其他参数传递给约束字典.我可以成功地将其他参数传递给目标函数. constraints参数是一个dict,它有一个字段"args",其中arg ...

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

    解决方法 关键的配置参数是uploadExtraData 具体的代码如下: //获得额外参数的方法fodderType = function() {return $("#fodderType ...

  9. form表单提交时传递额外的参数

    使用hidden的input,将参数放在里面,例如: 点击提交url后面拼上字符串'parmas1=19&parmas2=&parmas3=hh&parmas4=1&p ...

最新文章

  1. 今晚8点直播 | 深入浅出理解A3C强化学习
  2. (Java)程序员应打破牢笼,展望更高层次的世界
  3. 【转】JNI(Java Native Interface)的简介
  4. 项目中常出现的问题及解决
  5. n^n的末位数字(快速幂)
  6. 远程桌面上的文件复制到本地
  7. xstat博客主题php,WordPress博客主题:Diaspora 简约文艺范主题
  8. 【windows8开发】C++开发WinRT组件和JS调用
  9. SEO笔记—网页结构优化(四)
  10. 移除项目中的CocoaPods
  11. linux访问网站出现443,Linux访问网站一直出现超时
  12. Java 数组转成集合List三种方法和(数组、集合List、Set相互转换)
  13. 博文视点大讲堂28期 “助你赢在软件外包行业”成功举办
  14. java盘点系统_2020年度综合大盘点:火爆IT业的7大Java技术,任何一项都是“卧槽牛逼”!...
  15. 拓端tecdat|python隶属关系图模型:基于模型的网络中密集重叠社区检测方法
  16. eclipse: workspace出错导致无法启用的解决
  17. linux下的蓝牙驱动程序详解
  18. Linux之Iptables防火墙管理与配置~
  19. 高新计算机考试试题ps,最新版计算机高新考试ps第1单元1-8.pdf
  20. linux基因组文件,转录组入门(四):了解参考基因组及基因注释

热门文章

  1. 微软Build 2017首日主角AI 同时发布.NET Core 2.0 Preview 1
  2. 测试——《微服务设计》读书笔记
  3. visual studio for mac的离线安装初体验
  4. 9种排序算法在四种数据分布下的速度比较
  5. jQuery选择器和选取方法
  6. 子窗体菜单合并到父窗体菜单的解决办法
  7. C语言试题七之将函数字符串中的前导*号全部删除,中间和尾部的*号不删除。
  8. Android之build.gradle配置签名
  9. shell之通过if [ $? != 0 ]判断上次程序是否执行成功
  10. TLS/SSL握手过程