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>

 

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

上一篇:NetAnalyzer笔记 之 十四 NetAnalyzer 6.0 的使用方法 -- 3.协议分析与统计


下一篇:jsp实现浏览器端大文件分片上传