关于WebUploader上传不好使的那些事！ 必看

Js 使用WebUploader实现上传问题

var uploader = WebUploader.create({
               // 选完文件后，是否自动上传。
               auto: true,
               duplicate: true,
               // 文件接收服务端。
               server: '',//server里面参数是上传后调用的后端路径
               // 选择文件的按钮。可选。
               // 内部根据当前运行时创建，可能是input元素，也可能是flash.
               pick: '',//pick参数为绑定的div的id 此处注意一定是页面元素加载完毕之后才可以绑定
               //设置选择类型,类型不一致不响应
               accept: {
                   title: 'File',
                   extensions: 'xls,xlsx',
                   mimeTypes : 'application/vnd.ms-excel,application/vnd.openxmlformats-officedocument.spreadsheetml.sheet'
               },

           })
           uploader.on('uploadBeforeSend', function (obj, data, header) {
               data.projectId = that.projectid;
               data.enterpriseId= that.projectinfo.enterPrise_ID;
           });
           uploader.on('uploadSuccess', function (file, data) {
               if (data) {
                   layer.confirm(data.msg, {
                       btn: ['确定'] //按钮
                   }, function () {
                       layer.closeAll();
                   });
               }

           });
           uploader.on('uploadError', function (file, data) {
               layer.alert("导入失败");
           });

上传时候出现的问题

点击上传没有反应

• 判断是否成功绑定元素 可以在方法执行前判断是都有目标id的元素
• 在jsp或js中可以把上传方法放在页面加载之后执行 例：window.onload
• 判断是否成功绑定元素 如下图
  
• 在绑定的div下可以看到新增一个div、input、和label
  **

如果以上都没问题 点击还不好使的时候 请往下看

**
f12 点击id为rt开头的div 看样式是否全为1px，全为1px的时候根本点击不到 所以也就不能正常好使

.uploadbl div:nth-child(2){width:100%!important;height:20%!important; top: 20%!important;}
//在上这句话 就好使了  
//注意此处.uploadbl要换成目标div 的id或者class

这样就可以啦！