問題描述:在使用微信小程序image組件的時候,在不確定圖片寬高情況下 想給一個最大寬度讓圖片自適應,按比例,image的widthfiex和heightFiex并不能滿足(只指定最大寬/高并不會生效)
問題解決:使用bindload獲取圖片信息獲取寬高再判斷是否超過最大值
<image class="bubbleImg" src="{{imageUrl}}" bindload="onImageLoad" style="width: {{imgWidth || 0}}px;" mode="widthFix"></image>
//獲取圖片寬度onImageLoad(event) {var { width } = event.detail;const key = event.currentTarget.dataset.key;if(width>200){ //最大值為200pxwidth=200}this.setData({imgWidth : width;})},