layui。使用([“上传”、“元素”,“层”),函数(){
var=layui上传。=layui上传、元素。元素,层=layui.layer;
var计时器;//定义一个计时器//选完文件后不自动上传
upload.render ({
elem:“# test8”
url:“上传”
异步:假
方法:“文章”
数据:{
upgradeType:函数(){
返回$("输入[name=' upgradeType ']:检查”).val();//额外传递的参数
}
}
汽车:假
接受:“文件”//普通文件
ext:“zip”//只允许上传压缩文件
、字段:“还是”
bindAction:“# test9 '
选择:函数(obj){//这里的作用是截取上传文件名称并显示
var uploadFileInput=$ (“.layui-upload-file”) .val ();
var uploadFileName=uploadFileInput.split (“\ \”);
$ (" # uploadName”)。text (uploadFileName [uploadFileName.length-1]);
}
前:函数(obj) {//obj参数包含的信息,跟选择回调完全一致
layer.load ();//上传装载
var n=0;
计时器=setInterval(函数(){//按照时间随机生成一个小于95的进度,具体数值可以自己调整
n=n + math . random () * 10 | 0;
如果(n> 95) {
n=95;
clearInterval(计时器);
}
元素。进展(“演示”,n + ' % ');
},50 + math . random () * 100);
}
完成:函数(res) {
clearInterval(计时器);
元素。进展(“演示”,“100%”);//一成功就把进度条置为100%
layer.closeAll ();layer.msg(“上传成功”);},错误:函数(指数、上传){元素。进展(“演示”,“0%”);layer.closeAll ();//关闭所有层layer.msg(“上传更新包失败”);}});});
之前
哎,好难调格式!
效果如下,截图工具反应迟钝看起来有点失真,实际测试是可以的:
以上这篇layui扩展上传组件模拟进度条的方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。
