您好,登錄后才能下訂單哦!
需求
前端請(qǐng)求后臺(tái)的接口的時(shí)候回,數(shù)據(jù)會(huì)返回圖片的url地址,但是有的時(shí)候可能是數(shù)據(jù)字段的錯(cuò)誤,或者是返回的鏈接中信息是404,那么前端這邊怎么處理。
大致思路:我們會(huì)在data數(shù)據(jù)中得到一個(gè)list一樣的圖片數(shù)據(jù),或者你可以當(dāng)成接口返回的數(shù)據(jù)結(jié)構(gòu),然后我們循環(huán)整個(gè)數(shù)據(jù)的時(shí)候會(huì)在image標(biāo)簽找不到資源的時(shí)候error事件,我們就會(huì)得到一個(gè)失敗實(shí)例的方法,然后我們?cè)跀?shù)據(jù)循環(huán)的時(shí)候可以得到list的index值,也就是索引值。把這個(gè)值傳到error方法中進(jìn)行l(wèi)ist數(shù)據(jù)的替換就可以了。怎么樣簡(jiǎn)單吧~
其他
因?yàn)樾〕绦虮容^特殊,就拿H5為例,其實(shí)在原生的HTML標(biāo)簽中是有這個(gè)onerror這個(gè)方法的。
<img src="404" width="60" height="60" onerror="this.src='默認(rèn)報(bào)錯(cuò)替換的圖片'>
免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。