WebUploader 选择文件按钮点击无效，无法弹出文件选择对话框问题解决（两种情况）

1 问题描述

点击选择文件按钮，无法弹出文件选择对话框。

2 问题解决

本人总结了两种点击选择文件按钮无效的情况。

2.1 selectFile元素初始化错误

文件选择按钮初始化之前的HTML代码：

<div id="selectFile">选择文件</div>

WebUploader初始化之后的HTML代码： 

由此可以看出是id为selectFile的div标签内的第二个div子标签引起的，原因就是宽度width和高度height都为1px，导致选择文件按钮点击无效。

解决办法：

将#selectFile（div标签）的div子标签宽高都设为100%。

#selectFile div{
    width:100%;
    height:100%;
}

 

2.1 使用artDialog组件时，需要先加载对话框，再加载uploader对象。

attachDialog = art.dialog({
    left: '50%',
    top: '50%',
    width: 670,
    height: 340,
    fixed: true,
    resize: false,
    padding: 0,
    id: "UploadDialog",
    title: "上传",
    content: $("#DialogContent").html(),
    init: function () {
        InitUploadFile();
    }
});

InitUploadFile()方法加载uploader对象。