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

     

  • 相关阅读:
    Android无限循环轮播广告位Banner
    Android自定义View绘图实现拖影动画
    Android Material Design : Ripple Effect水波波纹荡漾的视觉交互设计
    ArrayList的线程安全测试
    异常总结
    java反射
    数据结构之链表
    移位运算符
    java设计模式:单例模式
    第三章:多态
  • 原文地址:https://www.cnblogs.com/bwcode/p/6078050.html
Copyright © 2020-2023  润新知