图像读取失败。 没有提示。 只是一块空白,用户体验不好。 所以制作并展示默认的提示图像
本打算在src中写两个变量名,在中间写||,但试了一下没有成功。 第一个加载失败,第二个也不会展示
! -错误显示--img src=' { { image1|| image2 } } ' alt=' '后总结了两种方法
将更多图层嵌套在image外部,以便在外部图层上放置背景图像。 如果image加载失败,可以直接显示外部图层的背景图。 view class=' image _ wrapper ' style=' background-image 3360 URL ({ picloadfaile } background-size 3360100 % 100;' ) image src=' { imageurl } } '/image/view tips :如果打算将他放在css文件中,则url需要转码,但这种方法有弊端,因此不建议使用。 我们使用的图像如果是整个图还可以,但是如果遇到部分透明的东西的话就麻烦了。 本来这个背景图就一直存在,有透明的地方就会出现背景图,到时候会觉得很尴尬。 所以我用了第二种方法,用了image拦截发生错误的方法
如果发生错误,请将此图像的url更改为默认图像的url,无论要加载的图像是否是整个图。 wxml
img src=' { imgurl } } ' data-name=' imgurl ' bind error=' setfailimg ' alt=' '.js
setfailimg(e ) let ) name )=e.currenttarget.dataset; let { picload }=this.datathis.setdata ({ [ name ] : picload } }这就可以了