关于bootstrap upload url传输参数问题
2016-03-09 09:48
567 查看
bootstrap upload配置如下:
$("#input-1").fileinput({//这里的id是input标签的id
uploadUrl: '<%=basePath%>/appr/upload/doFileUpload.do',
uploadAsync: true,
uploadExtraData:{
$("#b").val()
},
allowedFileExtensions : ['xls', 'xlsx'],//允许的文件类型
overwriteInitial: false,
maxFileSize: 1000,//文件的最大大小
maxFilesNum: 1,//最多文件数量
enctype: 'multipart/form-data',
slugCallback: function(filename) {
return filename.replace('(', '_').replace(']', '_');
}
});
首先,在一个隐藏的div中设置默认值:<input id="b" name="b" hidden="hidden" value="kkkkkk"/>
然后在处理时已经把上面的input中的值更改,在页面中可以看到,value已经改变,然后提交后,在后台获取到的值竟然是kkkkkk,猜想可能是bootstrap在某些操作下已经将要传输的值在我们赋值之前就已经存储好,而我们即使改变了input的value,传输的值也不会改变,所以,猜想,在提交时把值在付一遍,结果后台获取的值仍然是kkkkkk。
通过查找官方文档发现问题所在,bootstrap提交前有默认的方法,需要在这个方法里面将参数赋值,才能传输过去:
代码:
$('#input-1').on('filepreajax', function(event, previewId, index) {
batch = {"batchNo": $("#b").val()};
});
当然,在upload配置里面需要把参数传输换成:
uploadExtraData: function() {
return batch;
},
这样话就可以在后台获取到参数了。
$("#input-1").fileinput({//这里的id是input标签的id
uploadUrl: '<%=basePath%>/appr/upload/doFileUpload.do',
uploadAsync: true,
uploadExtraData:{
$("#b").val()
},
allowedFileExtensions : ['xls', 'xlsx'],//允许的文件类型
overwriteInitial: false,
maxFileSize: 1000,//文件的最大大小
maxFilesNum: 1,//最多文件数量
enctype: 'multipart/form-data',
slugCallback: function(filename) {
return filename.replace('(', '_').replace(']', '_');
}
});
首先,在一个隐藏的div中设置默认值:<input id="b" name="b" hidden="hidden" value="kkkkkk"/>
然后在处理时已经把上面的input中的值更改,在页面中可以看到,value已经改变,然后提交后,在后台获取到的值竟然是kkkkkk,猜想可能是bootstrap在某些操作下已经将要传输的值在我们赋值之前就已经存储好,而我们即使改变了input的value,传输的值也不会改变,所以,猜想,在提交时把值在付一遍,结果后台获取的值仍然是kkkkkk。
通过查找官方文档发现问题所在,bootstrap提交前有默认的方法,需要在这个方法里面将参数赋值,才能传输过去:
代码:
$('#input-1').on('filepreajax', function(event, previewId, index) {
batch = {"batchNo": $("#b").val()};
});
当然,在upload配置里面需要把参数传输换成:
uploadExtraData: function() {
return batch;
},
这样话就可以在后台获取到参数了。
相关文章推荐
- bootstrap的栅格布局不支持IE8该如何解决
- 让IE6 IE7 IE8 IE9 IE10 IE11支持Bootstrap的解决方法
- Ruby On Rails使用Bootstrap框架
- 利用 Bootstrap 进行快速 Web 开发
- bootstrap分页插件--Bootstrap Paginator的使用备份
- Bootstrap~多级导航(级联导航)的实现效果【附代码】
- Bootstrap多级导航栏(级联导航)的实现代码
- bootstrap兼容IE8 解决办法
- Bootstrap~多级导航(级联导航)的实现
- bootstrap——辅助类和响应式工具类
- Bootstrap~学习笔记索引
- bootstrap之栅格系统
- 两种方法调用Bootstrap3的Javascript组件:data属性定义和书写JS代码
- bootstrap弹出框无法调用问题解决
- php bootstrap实现简单登录
- jQuery 实现bootstrapValidator下的全局验证
- Bootstrap之第一篇
- php bootstrap实现简单登录
- Bootstrap多级导航栏(级联导航)的实现代码
- Bootstrap新手常见问题