1. 程式人生 > >在應用中顯示的圖片很多情況不滿足業務需求,我們需要動態根據圖片的寬高進行縮放或載入中顯示的預設圖片,這是我沒就需要監聽圖片載入完成回撥,來看看微信小程式怎麼實現圖片載入完成回撥。

在應用中顯示的圖片很多情況不滿足業務需求,我們需要動態根據圖片的寬高進行縮放或載入中顯示的預設圖片,這是我沒就需要監聽圖片載入完成回撥,來看看微信小程式怎麼實現圖片載入完成回撥。

                   <swiper-item>
                        <image src="{{item.image}}" class="slide-image" mode="widthFix" @tap="bannerjump({{item.link}})" data-url="{{item.link}}" bindload="imageLoad"  style="height:{{imgheights[swiperCurrent]}}rpx;width:{{imgwidth}}rpx;"/>
                    </swiper-item>
  // 獲取banner圖高度
            imageLoad: function (e) {  
               var self = this;
                //獲取圖片真實寬度  
                var imgwidth = e.detail.width,  
                  imgheight = e.detail.height,  
                  //寬高比  
                  ratio = imgwidth / imgheight;  
                 
                //計算的高度值  
                var viewHeight = 750 / ratio;  
                var imgheight = viewHeight  
                var imgheights = this.data.imgheights  
                //把每一張圖片的高度記錄到數組裡  
                imgheights.push(imgheight)  
                
                this.imgheights = imgheights

                this.$apply();           
            },

最近發懶筋 不想說話 一句話都不想說 別怪我 用吧 ~~~~~