• Layui文件上传样式在ngdialog不显示的问题处理


    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);

     

  • 相关阅读:
    HDU 1312 Red and Black DFS(深度优先搜索) 和 BFS(广度优先搜索)
    HDU 1241 Oil Deposits DFS(深度优先搜索) 和 BFS(广度优先搜索)
    邮件推广工具
    aix-syslog
    能量点
    知识picture
    C中运算符
    stdio.h头文件中申明的基本函数
    字符串
    指针字符串
  • 原文地址:https://www.cnblogs.com/bwcode/p/6078050.html
Copyright © 2020-2023  润新知