在bootstrap modal dialog中使用webupload,打不开对话框问题解决
2016-08-09 00:00
681 查看
这里有比较详细的讨论https://github.com/fex-team/webuploader/issues/1492
解决方法目前有2种,自己测试过都可用。
我使用的版本
bootstrap-3.3.5
webuploader-0.1.5
1. 在model的shown.bs.modal中初始化webupload
这种方法外部就不要再初始化webupload了,否则上传按钮会变得很大
2. 在鼠标进入按钮时对upload执行refresh
解决方法目前有2种,自己测试过都可用。
我使用的版本
bootstrap-3.3.5
webuploader-0.1.5
1. 在model的shown.bs.modal中初始化webupload
$('#myModal').modal({ show: true, keyboard: false, backdrop: 'static' }); $('#myModal').on('shown.bs.modal', function (e) { var uploader = WebUploader.create({ auto: true, swf: 'http://cdn.staticfile.org/webuploader/0.1.5/Uploader.swf', server: 'server_url', pick: "#picker", method: 'POST' }); });
这种方法外部就不要再初始化webupload了,否则上传按钮会变得很大
2. 在鼠标进入按钮时对upload执行refresh
$('#myModal').modal({ show: true, keyboard: false, backdrop: 'static' }); var uploader = WebUploader.create({ auto: true, swf: 'http://cdn.staticfile.org/webuploader/0.1.5/Uploader.swf', server: 'server_url', pick: "#picker", method: 'POST' }); $('#picker').mouseenter(function(){ uploader.refresh(); });
相关文章推荐
- bootstrap下modal模态框中webuploader控件按钮异常(无法点击)问题解决办法【转】
- 解决在Bootstrap模糊框中使用WebUploader的问题
- 解决bootstrap中使用modal加载kindeditor时弹出层文本框不能输入的问题
- 解决Bootstrap模态窗口Modal中使用Kindeditor或UEditor编辑器第二次无法加载的问题
- Ext.ux.UploadDialog 控件使用说明及在Ext 3.x下问题解决
- 在Bootstrap的modal中使用select2出现不能显示下拉框问题解决办法
- Bootstrap模态框使用WebUploader点击失效问题解决
- 解决select2在bootstrap modal中不能正常使用的问题
- Bootstrap模态框使用WebUploader点击失效问题解决
- 解决Bootstrap模态窗口Modal中使用Kindeditor或UEditor编辑器 点击关闭弹窗 出现第二次无法加载的问题
- 关于使用bootstrap中modal和ajaxupload.js图片问题
- 解决Bootstrap模态窗口Modal中使用Kindeditor或UEditor编辑器第二次无法加载的问题
- 【原创】[Ext.ux.UploadDialog] 控件使用说明及在Ext 3.x下问题解决
- Bootstrap模态框使用WebUploader点击失效问题解决
- 解决AJAX中使用UpdatePanel后再用Response.Write();等无法弹出对话框问题 3法
- 使用Axis部署Web服务时的常见问题及其解决方法(转)
- 解决AJAX中使用UpdatePanel后再用无法弹出对话框问题
- (转)解决AJAX中使用UpdatePanel后再用Response.Write();等无法弹出对话框问题 3法
- WebDeploymentSetup使用乱码问题解决
- 使用Apache Axis部署 Web服务时的常见问题及其解决方法