layui的upload组件使用和上传阻止

背景：页面上一个按钮，点击弹出上传框，从按钮的方法代码开始写：处理未选择文件阻止上传；通过判断选择文件的数量，显示或隐藏上传按钮；

在js中定义：

网奇Eshop网络商城系统

网奇.NET网络商城系统是基于.Net平台开发的免费商城系统。功能强大，操作方便，设置简便。无需任何设置，上传到支持asp.net的主机空间即可使用。系统特色功能：1、同时支持Access和SqlServer数据库；2、支持多语言、多模板3、可定制缺货处理功能4、支持附件销售功能5、支持会员组批发功能6、提供页面设计API函数7、支持预付款功能8、配送价格分地区按数学公式计算9、商品支持多类别，可

下载

function  uploadFile(){
　　　　layer.open({
　　　　　　　　type:1,
　　　　　　　　title:'上传文件‘,
　　　　　　　　area:['25%','400px'],
　　　　　　　　content:'
\
　　　　　　　　　　
\
　　　　　　　　　　　　\
　　　　　　　　　　　　\
　　　　　　　　　　
\
　　　　　　　　
\
　　　　　　　　　　
\
　　　　　　　　　　
\
　　　　　　　　　　　　\
　　　　　　　　　　　　\
　　　　　　　　　　
\
　　　　　　　　
‘，
　　　　btn:['关闭'],
　　　　btn1:function(idx,ele){
　　　　　　　　layer.closeAll();
　　　　　　}
　　})
createUpload();
}
 
var  files ;
function createUpload(){
　　　　　　$("#uploadbtn").hide();
　　　　　　$("#chooseFile").next().next("span").text("");
　　　　　　layui.use(['upload'],function(){
　　　　　　　　var uploadInst = upload.render({
　　　　　　　　　　　　elem:'#chooseFile',
　　　　　　　　　　　　　url:' ',
　　　　　　　　　　　　　　accept:'file',
　　　　　　　　　　　　　auto:false,
　　　　　　　　　　　　multiple:true,
　　　　　　　　　　acceptMime:'application/vnd.ms-excel,application/vnd.openxmlformats-officedocument.spreadsheetml.sheet',
　　　　　　　　　　exts:'xls|xlsx',
　　　　　　　　　　size:1024000,
　　　　　　　　　　number:5,
　　　　　　　　　　bindAction:'#uploadbtn',
　　　　　　　　　　choose:function(obj){
　　　　　　　　　　　　files = this.files = boj.pushFile();
　　　　　　　　　　　　if(Object.keys(files).length>0){ $("#uploadbtn").show(); }
　　　　　　　　　　　　obj.preview(function(index,file,result){
　　　　　　　　　　　　　　$("#chooseFile").siblings("span").append("
"+file.name+"  ×
")
　　　　　　　　　　　　　　　if(index>0) {$("#uploadbtn").show() ;}
　　　　　　　　　　　　　　})
　　　　　　　　　　},
　　　　　　　　allDone:function(obj){  
　　　　　　　　　　　　if(obj.successful){
　　　　　　　　　　　　　　layer.msg(obj.total+"个文件上传成功!");
　　　　　　　　　　　　}
　　　　　　　　  },
　　　　　　　　error:function(){
　　　　　　　　　　layer.alert("上传成功!");
　　　　　　　　}
　　　　})
　　}
}
function  deletefile(index){
　　delete  files[index];
　　$("#chooseFile").siblings("span").find("div[title="+index+"]").remove();
　　if(!Object.keys(files).length>0){
　　　　　　$("#uploadbtn").hide();
　　}
 
}

更多layui知识请关注PHP中文网layui使用教程栏目。