layui实现登录加载loading的解决方案

简介: layui实现登录加载loading的解决方案
 var $ = layui.jquery, upload = layui.upload;
        var loadingIndex;
        upload.render({
            elem: '#uploadImg'
            , url: '?m=News&a=newsDeal&act=upImg&fromImg=0'
            , multiple: true
            , accept: 'file' //普通文件
            , number: 1//上传个数
            , acceptMime: 'image/*'
            , exts: 'jpg|png|bmp|jpeg' //只允许上传压缩文件
            , before: function () {
                loadingIndex = layer.load();
            }
            , done: function (res) {
                layer.close(loadingIndex);
                if (res.status == "0") {
                    $("#news_img").val(res.imgUrl);
                }
            }
        });


Done!

相关文章
|
8月前
uniapp解决首页subNvue,hide方法关闭不了问题
uniapp解决首页subNvue,hide方法关闭不了问题
|
9月前
|
前端开发 JavaScript 安全
【前端相关】elementui使用el-upload组件实现自定义上传
【前端相关】elementui使用el-upload组件实现自定义上传
421 0
|
2月前
elementUI el-upload上传组件实战使用
elementUI el-upload上传组件实战使用
|
12月前
|
容器
layui框架实战案例(23):在layui-tab-content中layui-progress-bar在html拼接中不显示lay-percent的解决方案
layui框架实战案例(23):在layui-tab-content中layui-progress-bar在html拼接中不显示lay-percent的解决方案
258 0
|
API
Element UI Loading 加载组件动态变更 text 值(加载文案)
有这样的一个需求,我在上传文件的时候,上传阶段耗时较长,所以利用加载动画作为友好提示用户等待。
1006 0
Element UI Loading 加载组件动态变更 text 值(加载文案)
|
12月前
|
前端开发
Vue3 element-ui el-upload(上传组件) 上传图片后,隐藏上传按钮
Vue3 element-ui el-upload(上传组件) 上传图片后,隐藏上传按钮
353 0
|
2月前
|
移动开发 JavaScript 小程序
uView LoadingPage 加载页
uView LoadingPage 加载页
52 1
|
12月前
|
JSON PHP 数据格式
layui框架实战案例(1):layui组件table异步加载数据结合php后台动态翻页的解决方案
layui框架实战案例(1):layui组件table异步加载数据结合php后台动态翻页的解决方案
229 0
|
2月前
|
API
uniapp中uview组件库丰富LoadingPage 加载页
uniapp中uview组件库丰富LoadingPage 加载页
104 0
|
9月前
|
XML 前端开发 JavaScript
LayUI系列(一)之layui介绍以及登录功能的实现
LayUI系列(一)之layui介绍以及登录功能的实现