博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
JS判断图片是否加载完成 背景图404 快到碗里来
阅读量:4660 次
发布时间:2019-06-09

本文共 908 字,大约阅读时间需要 3 分钟。

面对这个问题 我最多做到表面笑嘻嘻 ……

真不知道测试怎么那么…… 啥都能给你测出来 有的没的都能给你测出来 

算了算了  谁让本仙女本精灵本可爱温柔大方善解人意呢 …呵呵呵

————————————正文开始了————————————

这是一个动态更换登录页面背景图的功能

但是如果客户的相对应的文件夹没有更换过图片的话 就要有默认显示的图片

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打包的时候是打包不进去的

我做的时候就忽略了这个问题 导致测试新版本的时候跟没改一个样

所以提醒你们注意这个问题哦~~~

转载于:https://www.cnblogs.com/WoAiZmm/p/9400989.html

你可能感兴趣的文章
jquery 监听不起效果的小问题汇总
查看>>
eclipse构建及运行maven web项目
查看>>
Photoshop 图文并茂常用快捷键
查看>>
linux基础命令2(ls,cd)
查看>>
面向对象初识
查看>>
Word 2010中查找和替换功能高级技巧(转)
查看>>
优先队列
查看>>
一起学wp7 XNA游戏开发
查看>>
堆内存破坏检测实战--附完整调试过程
查看>>
【knockoutjs】 Computed VS Pure Computed 区别
查看>>
JS向数组中添加/删除元素
查看>>
House Robber
查看>>
Best Time to Buy and Sell Stock II
查看>>
函数参数按值传递
查看>>
前端微应用:前端大应用拆分为多个小应用(?前端 nginx?)
查看>>
Codeforces Round #574 (Div. 2)
查看>>
洛谷上传数据指南
查看>>
搜索进阶课件,视频,代码(状态压缩搜索,折半搜索,dfs,bfs总结)
查看>>
第一类和第二类Stirling数
查看>>
造题目数据的觅食指南
查看>>