jquery分页页数跳转layui——⽂件上传进度条
layui——⽂件上传进度条(版本需要2.5.5之后)
<button id="xlsx"type="button"class="layui-btn layui-btn-primary"><i class="layui-icon layui-icon-release" ></i>只允许xls⽂件</button>
jquery下载文件进度条<input id="xlsxFile"name="xlsxFile"type="hidden"lay-verify="required"lay-reqtext="xls⽂件不能为空"/>
<span class=""id="xlsxFileName"></span>
<!--进度条-->
<div id="progress1"class="layui-progress layui-progress-big" lay-showpercent="true"lay-filter="demo1">
<div class="layui-progress-bar layui-bg-red"lay-percent="100%"></div>
</div>
layui.use(['upload','element'],function(){
let $ = layui.jquery,
upload = layui.upload,
element = layui.element,
count =0
elem:'#xlsx',
url:'/common/upload',//上传接⼝素数c语言程序函数
accept:'file',//普通⽂件
exts:'xls',//上传格式
done:function(res){
$("#xlsxFileName").FileName)
$("#xlsxFile").val(res.fileName)
html table模板
layer.msg('上传成功',{icon:1})
//关闭进度条
setTimeout(function(){
$("#progress1").attr('style','display:none')
},2000)
},
简述c 命名空间的作用
progress:function(n, elem){
//第⼀次执⾏进度回调函数的时候，对进度条进⾏初始化
if(count===0){
layui.element.init()
count++
}
let percent = n +'%'//获取进度百分⽐
// $('#demo1').attr('lay-percent',percent)
element.progress('demo1', percent)
//显⽰进度条仓颉编程华为
$("#progress1").attr('style','display:block')
}
})
})

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。