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;
}
});
}
原文连接: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组件在上传时传递额外参数相关推荐
- 为什么手机上传图片这么慢 前端_解决BootStrap Fileinput手机图片上传显示旋转问题_心病_前端开发者...
最近因为项目需要用到了bootstrap fileinput的插件,在使用苹果手机上传图片预览时,发现图片方向和手机本地存储方向不一致问题.后来通过查询资料了解图片具有EXIF(Exchangeabl ...
- vue 点击事件传递多个参数_Vue子组件监听事件中传递参数的方法
在子组件中,我们可以通过以下方式监听事件: v-on:click="$emit('funcName',a)" 如果需要传多个参数,可以通过以下方式: v-on:click=&quo ...
- Ant Design Vue 组件@chang绑定方法如何传递自定义参数
Ant Design Vue 组件@chang绑定方法如何传递自定义参数 今天在写代码的时候遇到一个问题: 在嵌套标签中 外层使用了一个v-for循环去循环一个数组,当内层想要拿取index,并且使用 ...
- bootstrapinput传参数_bootstrap-fileinput组件在上传时传递额外参数 Web程序 - 贪吃蛇学院-专业IT技术平台...
解决方法 关键的配置参数是uploadExtraData 具体的代码如下: //获得额外参数的方法 fodderType = function() { return $("#fodderTy ...
- 上传sm图床 bootstrap fileinput插件结合sm图床实现上传功能
sm图床官网 sm图床api文档 1.查看api文档 登陆官网可以直接查看详细的api文档,通过发送ajax请求 返回给你json地址,然后就可以通过地址访问了. 2.上传的小demo 直接复制一 ...
- python获取命令行参数,使用getopt获取命令行执行时指定的参数
首先导入: import getopt, sys getopt的使用:只用一行就可以得到所有传入的参数: opts, args = getopt.getopt(sys.argv[1:], '短参数', ...
- python中eps参数_Python minimize函数:向约束字典传递附加参数
我不知道如何通过minimize函数将其他参数传递给约束字典.我可以成功地将其他参数传递给目标函数. constraints参数是一个dict,它有一个字段"args",其中arg ...
- bootstrap-fileinput组件在上传时传递额外参数
解决方法 关键的配置参数是uploadExtraData 具体的代码如下: //获得额外参数的方法fodderType = function() {return $("#fodderType ...
- form表单提交时传递额外的参数
使用hidden的input,将参数放在里面,例如: 点击提交url后面拼上字符串'parmas1=19&parmas2=&parmas3=hh&parmas4=1&p ...
最新文章
- 今晚8点直播 | 深入浅出理解A3C强化学习
- (Java)程序员应打破牢笼,展望更高层次的世界
- 【转】JNI(Java Native Interface)的简介
- 项目中常出现的问题及解决
- n^n的末位数字(快速幂)
- 远程桌面上的文件复制到本地
- xstat博客主题php,WordPress博客主题:Diaspora 简约文艺范主题
- 【windows8开发】C++开发WinRT组件和JS调用
- SEO笔记—网页结构优化(四)
- 移除项目中的CocoaPods
- linux访问网站出现443,Linux访问网站一直出现超时
- Java 数组转成集合List三种方法和(数组、集合List、Set相互转换)
- 博文视点大讲堂28期 “助你赢在软件外包行业”成功举办
- java盘点系统_2020年度综合大盘点:火爆IT业的7大Java技术,任何一项都是“卧槽牛逼”!...
- 拓端tecdat|python隶属关系图模型:基于模型的网络中密集重叠社区检测方法
- eclipse: workspace出错导致无法启用的解决
- linux下的蓝牙驱动程序详解
- Linux之Iptables防火墙管理与配置~
- 高新计算机考试试题ps,最新版计算机高新考试ps第1单元1-8.pdf
- linux基因组文件,转录组入门(四):了解参考基因组及基因注释
热门文章
- 微软Build 2017首日主角AI 同时发布.NET Core 2.0 Preview 1
- 测试——《微服务设计》读书笔记
- visual studio for mac的离线安装初体验
- 9种排序算法在四种数据分布下的速度比较
- jQuery选择器和选取方法
- 子窗体菜单合并到父窗体菜单的解决办法
- C语言试题七之将函数字符串中的前导*号全部删除,中间和尾部的*号不删除。
- Android之build.gradle配置签名
- shell之通过if [ $? != 0 ]判断上次程序是否执行成功
- TLS/SSL握手过程