错误提示如下,使用wxml如下,把item.src直接替换成https://pics0.baidu.com/feed/503d269759ee3d6dd22b5a9a803b6f254e4adea3.jpeg?token=30dd4d56df1c733091d3fbdcca83d09c 显示不出来图片,但用 wx.previewImage 是可以预览到图片的,现在我想要能有什么办法解决图片显示问题,要么就是有什么方法来判断我加载失败。
添加 wx:if='{{item.src}}' 可以将渲染层网络层错误 有时候不显示 但重复测试还是会有
wxml:
<cover-image wx:if='{{item.src}}' class="bg_select_info" bindlongtap="longSelectBg" catchtap="selectBackground" src="{{item.src}}" data-index="{{index}}" data-src="{{item.src}}" style="width:{{index === 0 ? 100 : 110}}rpx;height:{{index === 0 ? 100 : 190}}rpx;">
</cover-image>
wxss:
.bg_select_info{
display: flex;
justify-content: center; /* 水平居中 */
align-items: center; /* 垂直居中 */
width: 100%;
height: 100%;
}
bug如下:
Failed to load image https://pics0.baidu.com/feed/503d269759ee3d6dd22b5a9a803b6f254e4adea3.jpeg?token=30dd4d56df1c733091d3fbdcca83d09c
the server responded with a status of 403 (HTTP/1.1 403 Forbidden)
From server 124.192.164.35
https://blog.csdn.net/tiantang_1986/article/details/83748782
已解决,通过使用image onerror 属性,在js判断图片异常来将异常图片地址替换前缀https://images.weserv.nl/?url=,重新赋值更新图片。可能会有失效图片,这个需要另行判断。