微信小程序：图片404错误，更换默认图片

app.js

  //远程图片no found情况下指引  errImgFun:function (ev, that){console.log("onImageError", ev);var _errImg = ev.target.dataset.errImg;var _errObj = {};_errObj[_errImg] = "/img/00.jpg";//默认显示图片that.setData(_errObj);},

page页面

wxml：

<image src="{{item.WeChatPhoto}}" mode='widthFix' binderror="onImageError" data-err-img="seenote.seelist[{{index}}].WeChatPhoto"></image>
//seenote.seelist[{{index}}].WeChatPhoto改成data里面数组中对应图片位置
//binderror="onImageError"绑定图片加载错误事件

js：

 const app = getApp()// 远程图片加载404显示默认图onImageError: function (ev) {//console.log("onImageError",ev);var _that = this;app.errImgFun(ev, _that);},

微信小程序：图片404错误，更换默认图片相关推荐

解决微信小程序安卓手机访问不到图片，无法显示图片
关于微信小程序不显示图片通病可能有以下几个可能性: 非本地图片:确定图片资源存在,copy 图片url再浏览器打开,确定图片资源存在且能正常访问本地图片:确定相对路径或者绝对路径正确微信小程序图 ...
微信小程序的wx.chooseImage如何把图片传给后端
微信小程序的wx.chooseImage如何把图片传给后端首选wx.chooseImage的用法先见官方文档 => wx.chooseImage 这个的返回值如下↓ 这里可以看到这个temp ...
html img 手势缩放,微信小程序中利用image组件实现图片手势缩放
微信小程序中利用image组件实现图片手势缩放,前端大神严灏的牛文,讲解了微信小程序中image组件的三种是缩放模式,三种之中,只有 aspectFit 模式可以等比例缩放图片,并显示完整的图片. 原 ...
微信小程序轮播图高度与图片高度不匹配问题
微信小程序轮播图高度与图片高度不匹配问题在微信小程序项目中,为了美观给page设置了padding值,然后让轮播图里面的图片宽度为100%,高度widthFix自适应,出现了如下问题:指示器位置不对 ...
微信小程序选择手机相册里的图片并上传到页面
微信小程序获取手机相册里的图片并传到页面上 index.wxml代码 // 相册中的照片 <button bindtap='handleChooseAlbum'>选中图片</butt ...
微信小程序渲染层错误：可以在AppData中获取到值但无法渲染到页面
微信小程序渲染层错误:可以在AppData中获取到值但无法渲染到页面 1.遇到的问题: 2.解释: 3.附上正确的完整代码: 在我跟着视频(bili:BV1nE41117BQ)P78 学做小程序的过程 ...
微信小程序利用scroll-view和swiper实现图片滚动切换
微信小程序利用scroll-view和swiper实现图片滚动切换 <view class="starbox"><view class="starare ...
微信小程序中使用wxss加载图片并实现动画
微信小程序中使用wxss加载图片并实现动画记录微信小程序中使用wxss加载图片并实现动画的方式,最终实现loading效果. 代码 .weui-loading { margin: 0 5px; wi ...
当图片404时显示默认图片
当图片404时显示默认图片 1.当图片未找到时或者404时,触发onerror显示其中的图片 eg: <img src="当前图片的地址" onerror="thi ...
微信小程序拍照/从相册中选择图片
微信小程序提供的众多API中,wx.chooseImage函数就是用来访问手机相册或摄像头的.调用该函数后,界面下方会呼出一个菜单,可以分别选择进入相册挑选已有照片或是打开摄像头进行拍照: 我们往WX ...

微信小程序：图片404错误，更换默认图片

微信小程序：图片404错误，更换默认图片相关推荐

最新文章

热门文章