JS判斷圖片是否加載完成 背景圖404 快到碗裏來

面對這個問題 我最多作到表面笑嘻嘻 ……

真不知道測試怎麼那麼…… 啥都能給你測出來 有的沒的都能給你測出來 

算了算了  誰讓本仙女本精靈本可愛溫柔大方善解人意呢 …呵呵呵

————————————正文開始了————————————

這是一個動態更換登陸頁面背景圖的功能

可是若是客戶的相對應的文件夾沒有更換過圖片的話 就要有默認顯示的圖片

logoBg就是默認顯示的圖片

logoUrl是客戶更換的背景圖 

最初的代碼是這個樣子的

工具文件：

html引入 

import {validateImage} from "@/utils/auth";

import loginBg from "../images/common/bg_login2.jpg";

data:

呵呵呵呵  大功告成 

然鵝……………… 測試什麼都能給你測出來 原本是緩存搞得問題  後來升級到你這個圖片刷新就沒了

我……………………

因而乎開始找緣由，找來找去 我svn也提交了兩個版本的代碼

可是後來都不行

焦躁的我睡覺都睡很差

因而 今天贏img標籤代替 也是能夠用的 img中有一個onerror事件

不過這個方法要拼接  我拼了一會 放棄了 直接用本身ip測試 發現能夠用

（這個方法改天再說，由於我着急回去超市……嘻嘻嘻）

可是還有一種方法 也是離不開img的onerror 

data裏面我直接讓logoUrl：loginBg,

大功告成 我讓你刷新 讓你一直刷新 就是不會變 啦啦啦

 百度了不少方法  都沒用 不知道是否是由於我太美了  哈哈哈哈

反正這個方法能夠用 若是你也遇到了個人問題 但願能夠幫助到你

若是你看到了這裏 說明你對個人承認 而後 給你一個麼麼噠~~~

 阿里嘎多~~

 

————補充————

在你的methods的方法中 this.loginBg 的值（圖片的路徑）必定要用import

否則webpack打包的時候是打包不進去的

我作的時候就忽略了這個問題 致使測試新版本的時候跟沒改一個樣

因此提醒大家注意這個問題哦~~~