码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2020-06-09 12:37:20      阅读:132      评论:0      收藏:0      [点我收藏+]

标签:round   没有   idt   上传图片   lse   cti   ack   使用   bind   

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

  问题原因: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上传图片 -- 遇到的坑

标签:round   没有   idt   上传图片   lse   cti   ack   使用   bind   

原文地址:https://www.cnblogs.com/wangweizuo/p/13071707.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!