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!

相关文章
|
前端开发
Layui 内置方法 - layer.load(加载层)
Layui 内置方法 - layer.load(加载层)
3001 0
|
算法 Java 调度
|
5月前
|
PHP 索引
PHP 技巧:用 `array_map` 一键处理数组,告别 `foreach` 噩梦
PHP 技巧:用 `array_map` 一键处理数组,告别 `foreach` 噩梦
485 141
|
Java 数据库连接 Spring
Failed to configure a DataSource: 'url' attribute is not specified and no embedded datasource could
这个错误通常出现在使用Spring Boot进行数据库连接时。错误信息表明Spring Boot未能配置一个DataSource,因为没有指定'url'属性,并且没有发现默认的数据库连接。
6340 0
|
SQL 关系型数据库 MySQL
ThinkPHP6 连接使用数据库,增删改查,find,select,save,insert,insertAll,insertGetId,delete,update方法的用法
本文介绍了在ThinkPHP6框架中如何连接和使用数据库进行增删改查操作。内容包括配置数据库连接信息、使用Db类进行原生MySQL查询、find方法查询单个数据、select方法查询数据集、save方法添加数据、insertAll方法批量添加数据、insertGetId方法添加数据并返回自增主键、delete方法删除数据和update方法更新数据。此外,还说明了如何通过数据库配置文件进行数据库连接信息的配置,并强调了在使用Db类时需要先将其引入。
ThinkPHP6 连接使用数据库,增删改查,find,select,save,insert,insertAll,insertGetId,delete,update方法的用法
|
资源调度 JavaScript 前端开发
vue2乾坤框架搭建
vue2乾坤框架搭建
echarts迁徙图
前段时间在echarts社区,看见别人写的echarts迁徙图,学习并也写了一个
|
监控 安全 JavaScript
Web安全-ReDos正则表达式的拒绝服务攻击
Web安全-ReDos正则表达式的拒绝服务攻击
913 0
|
JavaScript 前端开发 开发者
Layui layer 弹出层的使用【笔记】
本文介绍了Layui的layer弹出层组件的使用方法,包括如何通过在线CDN引入Layui的CSS和JS文件,以及如何使用layer.open(options)开启弹出层和layer.close(index)关闭弹出层。文章详细说明了弹出层类型的分类、options选项的参数配置,以及回调函数的使用。通过示例代码,展示了如何创建不同类型的弹出层,包括对话信息框、页面层、内联框架层、加载层和tips层。