Layui文件上传样式在ng-dialog不显示的问题处理

1.项目业务改动，在一个弹窗页面加图片上传。

2.页面使用angular框架，图片上传使用layui的文件上传组件。

js：

layui.upload({url: '/test/upload.json',elem: '#test' //指定原始元素，默认直接查找class="layui-upload-file",method: 'get' //上传接口的http类型,success: function(res){LAY_demo_upload.src = res.url;}});

html：

<input type="file" name="file" class="layui-upload-file" id="test">

　　官方组件代码，js放到angular的控制器中，文件上传的按钮在弹窗页面显示为空白，点击按钮处，能打开选择文件窗口，无上传操作；

解决处理：

在angular控制器中延迟加载 layui.upload{}，弹窗页面显示上传按钮，选择文件有上传操作结果。

延迟加载：

$timeout(function(){layui.upload({url: '/test/upload.json',elem: '#test' //指定原始元素，默认直接查找class="layui-upload-file",method: 'get' //上传接口的http类型,success: function(res){LAY_demo_upload.src = res.url;}});},100);

转载于:https://www.cnblogs.com/bwcode/p/6078050.html

Layui文件上传样式在ng-dialog不显示的问题处理相关推荐

layui文件上传后台（带自定参数）
记录layui文件上传方法,前端页面直接看layui文件上传相关文档就行,主要是记录后端Java接收上传流并保存的方法 layui文档:https://www.layui.com/doc/module ...
SSM框架使用Layui文件上传插件实现多文件上传（多文件列表）
SSM框架使用Layui文件上传插件实现多文件上传(多文件列表) pom.xml文件的配置想要实现SSM框架实现多文件上传,必要的jar包必须要在pom.xml文件中引入.如下: <!--co ...
layui文件上传等待动画
layui文件上传等待动画 //加载动画 layer.msg('图片上传中...', {icon: 16,shade: 0.01,time: 0 }) //关闭动画 layer.close(layer ...
layui文件上传接口后端具体实现SpringMVC
做课程设计时候,用到了layui文件上传接口,参考官方文档给出的响应接口文档: {"code": 0,"msg": "","dat ...
layui文件上传(头像上传)
头像上传头像上传大概流程就是选择电脑上的文件图片然后上传到服务器服务器存起来然后上传到浏览器中,服务器需要用到磁盘存储模块(multer),需要下载安装 multer是Nodejs中用于处理文件上传 ...
layui自定义模块、日志打印使用、layui文件上传云服务器
1.layui自定义模块:方便接口调用异步请求url地址不方便解决:扩展模块 1):定义对应js文件 ja>lay-module创建http目录创建http.js文件 2): ...
layui多文件上传讲解_Laravel 使用 layui 文件上传组件批量上传图片
摘要 Laravel 使用 layui 文件上传组件批量上传图片. layui是一款经典国产模块化前端UI框架,首先看看官方的介绍: layui(谐音:类UI) 是一款采用自身模块规范编写的前端 UI ...
layui 文件上传（upload）实例重载及重新上传
layui 文件上传(upload)实例重载及重新上传平时的话是真用不到这两个东西,咱先不考虑其他问题,直接看接口,是这样的:1,用户上传文件(这是个接口),上传完之后会返回上传的数据,进行回显,预 ...
java使用Jsch实现远程操作linux服务器进行文件上传、下载，删除和显示目录信息...
1.java使用Jsch实现远程操作linux服务器进行文件上传.下载,删除和显示目录信息. 参考链接:https://www.cnblogs.com/longyg/archive/2012/06/2 ...
Markdown入门和解决MD文件上传博客后图片无法显示问题
文章目录 Markdown基础和解决MD文件上传博客后图片无法显示问题一.常见文本操作 1.标题一级标题二级标题三级标题四级标题 2.代码块 3.字体 4.引用 5.分割线 6.超链接 7. ...

Layui文件上传样式在ng-dialog不显示的问题处理

Layui文件上传样式在ng-dialog不显示的问题处理相关推荐

最新文章

热门文章