layer弹框结合WebUploader组件使用

var html = '<div style="height: 400px; width: 460px; border: 1px solid #d7d3d3; margin: 0px auto;">'+
  ' <div class="btns"> <div id="thelist" class="uploader-list"></div> <div id="picker">选择文件</div> </div> </div>'+
  '<div class="fileTips"> <ul> <li>允许文档类型:word excel ppt pdf</li> <li>允许文件大小:50M ,文件个数:5</li> </ul> </div>'+
  ' <div style="height: 50px; width: 460px; text-align: right; margin-top: 10px;">'+
  '<button id="ctlBtn" class="btn btn-primary" style="background-color:rgb(0, 183, 238); border-color:rgb(0, 183, 238)">上传</button></div>';

layer.open({
  type: 1,
  title: '测试',
  shadeClose: true,
  shade: false,
  maxmin: true, //开启最大化最小化按钮
  area: ['893px', '600px'],
  content: html
});

webupload组件使用详见:https://www.cnblogs.com/liyixin0416/p/14511156.html

posted @ 2021-03-10 14:35  懂得归零  阅读(452)  评论(0)    收藏  举报