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