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

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

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

  • 相关阅读:
    30款超酷的HTTP 404页面未找到错误设计
    java与java学习路线
    程序员最核心的竞争力
    群智能优化算法-测试函数matlab源码
    如何用Latex合并多个pdf文件?
    Latex--TikZ和PGF--高级文本绘图,思维绘图,想到--得到!
    学无止境 气有浩然
    Latex中定义、定理、引理、证明 设置方法总结
    WeUI
    微信JS SDK Demo 官方案例
  • 原文地址:https://www.cnblogs.com/WoAiZmm/p/9400989.html
Copyright © 2020-2023  润新知