Fork me on GitHub

angular中使用layui上传图片 -- 遇到的坑

Ⅰ、问题描述:点击上传图片没有反应,或是第一次点击上传图片没有反应

  问题原因:layui插件初始化位置不对

  解决方法:要将layui初始化方法放到ngOnInit钩子函数中,或是自定义一个方法,在ngOnInit中通过setTimeOut()函数延迟初始化

 ngOnInit() {
    setTimeout(() => {
      this.pictureClick();
    }, 500);
  }

Ⅱ、问题描述:选中上传图片后,默认是自动上传的,但是没有任何反应

  问题原因:

        1、属性的设置是否正确

auto 是否选完文件后自动上传。如果设定 false,那么需要设置 bindAction 参数来指向一个其它按钮提交上传 boolean true

         2、html中是否用的 <button type="button"> 标签,如果用div的点击事件是不好用的

<button type="button" class="layui-btn" id="test1">
  <i class="layui-icon">&#xe67c;</i>上传图片
</button>

 

posted @ 2020-06-09 11:56  w_wz  阅读(359)  评论(0)    收藏  举报