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" >

  官方组件代码,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);

 

 

相关文章:

  • 2021-07-09
  • 2022-12-23
  • 2021-10-02
  • 2021-08-28
  • 2022-12-23
  • 2022-01-17
  • 2021-11-17
  • 2022-12-23
猜你喜欢
  • 2021-10-11
  • 2021-12-12
  • 2021-10-19
  • 2021-11-22
  • 2022-12-23
  • 2021-12-27
  • 2022-12-23
相关资源
相似解决方案