您的位置:首页 > Web前端 > BootStrap

在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

$('#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();
});
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  WebUploader Bootstrap
相关文章推荐