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对象。