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
这样就可以啦!