資訊專欄INFORMATION COLUMN
摘要：在中圖片找不到的解決方法在中，標(biāo)簽的圖片路徑資源找不到或者服務(wù)器上的圖片損壞，除了可以用屬性用文字提示圖片的內(nèi)容告訴用戶外，還可以用屬性，用另外一張專門用于處理圖片容錯的圖片代替它，這里搭建了一個最簡單的文件夾，里面包含一個文件一張需要上傳
在HTML中圖片找不到的解決方法
在html中，img標(biāo)簽的圖片路徑資源找不到或者服務(wù)器上的圖片損壞，除了可以用alt屬性用文字提示圖片的內(nèi)容告訴用戶外，還可以用onerror屬性，用另外一張專門用于處理圖片容錯的圖片代替它，這里搭建了一個最簡單的demo文件夾，里面包含一個html文件、一張需要上傳的圖片和一張解決容錯的圖片
onerror屬性的使用方法如下：
onerror="this.src="XXX.jpg""
具體實(shí)現(xiàn)方法如下：
正確的圖片路徑應(yīng)該為example.jpg,此時，瀏覽器呈現(xiàn)出的圖片是error_img.jpg：
而正確修改路徑后：
在小程序開發(fā)中，處理圖片錯誤的方法與html有區(qū)別，在官方文檔中也給我們了這樣一個替代圖片的方法：
在image標(biāo)簽中添加方法：
binderror="onImageError"
在相應(yīng)的js文件中寫一個我們定義的處理圖片錯誤的方法，這里我們是onImageError方法：
onImageError: function(e){
var index = e.currentTarget.dataset.index; //獲取我們在image標(biāo)簽中傳過來的data-index的數(shù)據(jù)，以獲取下標(biāo)
var topList = this.data.topList; //獲取data中接收我們發(fā)出請求獲得響應(yīng)的數(shù)據(jù)
var errorImageItem = topList[index]; //獲取圖片出錯的對象
errorImageItem.images.large = "../../images/error_img.jpg"; //把路徑修改為我們的替代圖片
topList[index] = errorImageItem; //把修改完路徑后的對象覆蓋原先的對象
this.setData({
topList: topList //重新賦值
})
}
處理后的結(jié)果如下：
文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/53776.html
摘要：老姚淺談怎么學(xué)鑒于時不時，有同學(xué)私信問我老姚，下同怎么學(xué)前端的問題。擼碼聽歌，全局控制。 淺析用 js 解析 xml 的方法 由于項(xiàng)目上需要解析 xml，于是各種百度，然后自己總結(jié)了下各個主流瀏覽器解析 xml 的方法，只能是很淺顯的知道他的用法，但是還沒有深層次的研究。 裝 X - 建立自己的斗圖網(wǎng)站庫 之前加過一個斗圖群，看到很多經(jīng)典的表情，然后就收藏到了 QQ， 迫于本屌絲開不起...
摘要：適配的原則是優(yōu)先黑名單和深灰名單，淺灰名單在官方未有替代之前可以暫時不適配，在上運(yùn)行也不會有任何問題。除上面兩種適配方式外，音樂目前采用了另外一種方式。隱私安全保護(hù)標(biāo)識修改在中，對隱私保護(hù)又做了更加嚴(yán)格的要求。 歡迎大家前往騰訊云+社區(qū)，獲取更多騰訊海量技術(shù)實(shí)踐干貨哦~ 本文由QQ音樂技術(shù)團(tuán)隊(duì)發(fā)表于云+社區(qū)專欄 上篇：Android P 行為變更適配 Android P 這次有很多行...
摘要：最近做了個實(shí)現(xiàn)網(wǎng)頁縮略圖的項(xiàng)目，其中不免需要用到網(wǎng)頁截屏。選擇好方案后還是踩了不少坑，第一個就是我得想辦法讓它和通信，不然我沒法通過前端只傳一個需要被截圖的鏈接給就能實(shí)現(xiàn)截圖。 最近做了個實(shí)現(xiàn)網(wǎng)頁縮略圖的項(xiàng)目，其中不免需要用到網(wǎng)頁截屏。 一開始想的是看看能不能在前端直接實(shí)現(xiàn)截圖，因?yàn)閃eb端的截圖并生成圖片并不算是一個高頻的需求，網(wǎng)上資料自然也不算多，查來查去，發(fā)現(xiàn)JavaScript...
摘要：如果在客戶端嵌入整個的一般來說是沒有問題的，但是如果是某一段的嵌入到中，并且是后臺傳來的數(shù)據(jù)結(jié)構(gòu)并且是渲染，圖片是背景圖片，要適配手機(jī)適配方法是用的屬性適配，寬度獲取背景圖片的寬度這個是后臺傳值的時候就有的是會有想想不到的的，想要全屏展示， 如果在客戶端嵌入整個的html5一般來說是沒有問題的，但是如果是某一段的html5嵌入到webview中，并且是后臺傳來的數(shù)據(jù)結(jié)構(gòu)并且是PHP渲染...
閱讀 3783·2021-11-23 09:51
閱讀 4421·2021-11-15 11:37
閱讀 3534·2021-09-02 15:21
閱讀 2756·2021-09-01 10:31
閱讀 887·2021-08-31 14:19
閱讀 865·2021-08-11 11:20
閱讀 3318·2021-07-30 15:30
閱讀 1699·2019-08-30 15:54
