在写一个简单的静态页面时,刚开始发现上传文件的按钮无效,只有点击左上角一点点时有效。检查发现,点击按钮的大小被初始化为很小的一块,刚好是左上角能点击的区域。
然后,感觉找到问题了,设置了大小:
<div id="picker" style="middle;width: 100px!important; height: 36px!important;">
然鹅,然鹅,还是不好使!!!奇怪的是,打开页面不好用,一按F12检查页面,按钮乖乖的变好使了,在关闭F12也照样好使。
搜了下,原来是刚开始样式为display:none,webuploader无法渲染按钮的原因,最后解决,把组件的点击按钮固定大小
$("#picker div:eq(1)").css("height","36px");//上传文件的按钮
$("#picker div:eq(1)").css("width","100px");//上传文件的按钮
借鉴:
https://blog.csdn.net/h_h_v/article/details/80506948
https://blog.csdn.net/qq_32403351/article/details/81557118
https://www.jianshu.com/p/ef2caed7fa1c
webuploader的使用方法: