程序中 image 控件设置图片的方式与方法

why 316 2024-08-02

本篇文章给大家带来的内容是关于小程序中image控件可以如何设置图片,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。

小程序中 image 控件设置图片的方式与方法

小程序image控件设置占位图片:
1.通过判断url为空显示不同的图片就可以了

1

<image src="{{item.url?item.url:&#39;../../../images/ic_header.jpg&#39;}}"/>

2.第二种情况就是item.url 不为空,但是访问图片出错的情况,这时就需要image 的error事件binderror,这个方法在加载图片出错的时候会执行。在这个方法里面把对应的图片地址改成占位图片就可以了

1

2

3

4

5

6

7

8

9

10

11

12

13

14

/**

   * 图片加载错误

   */

  onLoadImageError:function(e){

    let errorurl = &#39;../../../images/image_placeholder.png&#39;

    let index = e.currentTarget.dataset.index   

    if (this.data.imageType == 1) {

          this.data.complaintPics[index] = errorurl     

          this.setData({

        complaintPics:this.data.complaintPics

      })

    }

 

  },

版权声明:本文内容由网络用户投稿,版权归原作者所有,本站不拥有其著作权,亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容,请联系我们jiasou666@gmail.com 处理,核实后本网站将在24小时内删除侵权内容。

上一篇:小程序加载器实现按需预加载远程图片资源的方法
下一篇:微信小程序实例中详情页数据动态实现的方法解析
相关文章

 发表评论

暂时没有评论,来抢沙发吧~