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

 

原文地址:https://www.cnblogs.com/bwcode/p/6078050.html