图片路径不存在,替换问题图片
生活随笔
收集整理的這篇文章主要介紹了
图片路径不存在,替换问题图片
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
圖片經常又后臺加載過來,或其他地方,但我們不能保證它是否存在,成功加載處理啊,所以在可能會出現該問題的地方在錯誤的判斷(技術的存在不就是不短的寫code的嗎)
1.小程序圖片加載不來,報錯處理,替換圖片
小程序文檔對image 表簽的介紹
方法一:中間 mode 、lazy-load 都是在常用不過的屬性,今天提到的是binderror
//圖片加載問題-替換imageerror: function(event){var errImg = event.target.dataset.errimg; //拿到下標let list = this.data.newlists; //準備渲染的數組list[errImg].C2cImage = 'http://resource.soulbuddy.cn/public/images/miniprogram/ew.png'; //修改this.setData({newlists : list //賦值})},當然 配合 data-errimg 在標簽中把下標拿到,
方法二
后臺可能沒有沒傳,圖片直接undefined 所以,src 中直接替換就行,
<image src='{{touimg?touimg:"http://resource.soulbuddy.cn/public/images/miniprogram/ew.png"}}'></image>二種方法,方法一 ,更完善, 但不方便,所以還是具體業務做處理,精益求精才是目標。
2.Jquery處理HTML界面image圖片問題
方法一
$("img").error(function() {$(this).attr("src", "Images/error.jpg"); });方法二
"this.src='./img/default.png'"總結
以上是生活随笔為你收集整理的图片路径不存在,替换问题图片的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 2019年5月 Teams Commun
- 下一篇: idea引入oracle依赖包,MAC下