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

why 741 2024-08-02 10:24:30

本篇文章给大家带来的内容是关于小程序中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小时内删除侵权内容。

上一篇:微信小游戏中实现转发分享获取头像及游戏圈功能的方法
下一篇:微信小程序中Page构造函数与生命周期函数的内容剖析及代码示例
相关文章