webuploader在模态框里不能用

Question

webuploader在display:none和visibility:hidden的情况下点击上传图片的按钮会失效，无法在弹出的模态框里使用，求解决方法！

Answer 1

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

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

Answer 2

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

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

Answer 3

修改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);
});
});

Answer 4

试了，根本不是这么回事，插件的问题，不放模态框里，隐藏后再显示照样点不了

Answer 5

回复
那就重新初始化啊

Answer 6

  //修复model内部点击不会触发选择文件的BUG

            $("#picker .webuploader-pick").click(function () {

                $("#picker :file").click();

            });

            }