webuploader在模态框里不能用

zhuxuan2015 发布于 2015/12/02 13:58
阅读 2K+
收藏 2
webuploader在display:none和visibility:hidden的情况下点击上传图片的按钮会失效,无法在弹出的模态框里使用,求解决方法!
加载中
0
ZaMiHu
ZaMiHu
  //修复model内部点击不会触发选择文件的BUG
            $("#picker .webuploader-pick").click(function () {
                $("#picker :file").click();
            });
            }
ZaMiHu
ZaMiHu
回复 @zhuxuan2015 : 那就重新初始化啊
z
zhuxuan2015
试了,根本不是这么回事,插件的问题,不放模态框里,隐藏后再显示照样点不了
0
静岩
静岩
试了多次,发现了解决办法! 1)在模态框弹出之前进行webuploader的初始化 uploader = new webuploder.create 2)模态框打开的时候:就是open事件里,添加 uploader.addButton({}) 方法,将picker重新初始化。 然后可以显示出打开窗口了,但是范围是div里面的lable,lable标签之外的div部分是不行的。
0
Q
QiaoMenNan

修改input-file父节点的尺寸,可以运行

$(document).ready(function() {
upload_init();
$('#myModal').on('shown.bs.modal', function() {
var $attr=$("[name='file']").parent().attr("style");
$attr=$attr.replace("width: 1px; height: 1px;","width: 100px; height: 100px;");
$("[name='file']").parent().attr("style", $attr);
});
});

0
dai_hang_love
dai_hang_love

最佳解决方案:修改upload.js 加入 当myModal显示的时候重新初始化,代码如下:

(function( $ ){
    $('#myModal').on('shown.bs.modal', function () {
        // 当domReady的时候开始初始化
        $(function() {
            省略中间代码
        });
    })
})( jQuery );



0
n
nickflash

可以用初始化加载方法加载:

$(function() { $('#teamModal').on('shown.bs.modal', function (e) { if(uploader==undefined) initUploader() }) })
返回顶部
顶部