var img=new Image();

img.src="图片路径";

然后调用

img.width

img.height

你会发现值是0;

这是因为页面在加载的时候图片是最后的。虽然img.src有图片路径但是你img.width的时候图片并没有加载,可以这么解决:

img.onload = function () 

  img.width

这时就不会是0了。

有时为了方便会判断缓存中有没有图片,可以这么写:

if(img.complete) {

    alert('该图片已经存在于缓存之中');
}else{
    alert('图片不存在缓存之中');
    img.onload = function() {
        
    }
}

转载于:https://www.cnblogs.com/zqzjs/p/4512988.html

img.width一直是0的问题--记录(二)相关推荐

  1. 浅析Entity Framework Core2.0的日志记录与动态查询条件

    前言 Entity Framework Core 2.0更新也已经有一段时间了,园子里也有不少的文章.. 本文主要是浅析一下Entity Framework Core2.0的日志记录与动态查询条件 去 ...

  2. 凝思mysql服务器搭建_凝思8安装mysql8.0.21安装记录 及问题处理

    凝思8安装mysql8.0.21安装记录 及问题处理 https://www.cndba.cn/cndba/q8624806/article/4349https://www.cndba.cn/cndb ...

  3. rk3368 Android9.0 HIDL调试记录

    rk3368 Android9.0 HIDL调试记录 Platform: RK3368 OS: Android 9.0 Kernel: 4.4.194 文章目录 rk3368 Android9.0 H ...

  4. M103: Basic Cluster Administration chapter 0 Introduction学习记录

    M103: Basic Cluster Administration chapter 0 Introduction学习记录 运行环境 操作系统:windows 10 家庭中文版 Mongodb :Mo ...

  5. iSecure Center(V1.1.0)平台使用记录

    1 简介 本文档是在操作iSecure平台时留下的记录 2 预览视频 在使用open.hikvision.com官网下载的VideoWebPlugin插件,打开其中的demo可以看到上述的界面,可以看 ...

  6. FPGA和USB3.0通信知识记录(3)——基于特权同学图书《Xilinx FPGA伴你玩转USB3.0与LVDS》

    PS FPGA和USB3.0通信知识记录(2)最后FX3驱动安装由于还未拿到开发板,后面再学习.我是个新人,请多多关照. 第四章 第一个例程与FPGA下载配置 4.1流水灯例程 介绍了Vivado创建 ...

  7. 金庸群侠传X V1.0.0.5 通关记录

    金庸群侠传X V1.0.0.5 通关记录 posted on 2016-02-11 20:57 Jack1ee 阅读( ...) 评论( ...) 编辑 收藏 转载于:https://www.cnbl ...

  8. 1588 数字游戏(LOJ10166) 暴力0分 需要记录中间数据的数位DP

    总目录 在线测评地址(ybt) 在线测评地址(LOJ) 1.暴力0分 ybt 未通过 测试点 结果 内存 时间 测试点1 答案错误 612KB 2MS LOJ 暴力0分代码如下: #include & ...

  9. Android10.0 Binder通信原理(二)-Binder入门篇

    摘要:本节主要来讲解Android10.0 Binder的设计原理,如何设计一个Binder通信 阅读本文大约需要花费15分钟. 文章首发微信公众号:IngresGe 专注于Android系统级源码分 ...

最新文章

  1. 利用SMS OSD实现win2008操作系统的部署
  2. dell系统重装后无法进入系统_笔记本电脑常见故障开机无法进入系统
  3. PostgreSQL学习笔记8之索引
  4. Java读写二进制文件
  5. mysql数据库进阶_MySQL T2-数据库进阶?
  6. 论重写和里式替换原则(LSP)
  7. 分享:Django学习笔记(4)---ManyToMany 添加、删除关联、查询
  8. CSNN: An Augmented Spiking based Framework with Perceptron-Inception
  9. 解决python调试模型时,多次重复加载数据集与模型,节约大量等待时间
  10. mysql的其中连接方式_MySQL选择连接中的位置,但不在其中
  11. lofter 爬虫_Lofter德赫标签日榜 | 200703
  12. 计算机电脑密码设置程序,如何设置计算机开机密码和屏幕保护程序密码
  13. SmartSVN忽略文件与文件夹的设置
  14. 连连看游戏辅助工具python版的实现
  15. js 实现当有省略号时,显示title,无省略号不显示title
  16. Winhex的使用(慢慢更
  17. java基于springboot+vue校园车辆管理系统
  18. Vue中插入base64图片
  19. 第一章 1.3误差定性分析与避免误差危害
  20. MySQL的下载与安装(超详细)

热门文章

  1. 支付宝二维码可以抓包更改金额_好哒二维码6大功能,让你的生意“码”上火起来!会员、卡券、码上点餐...
  2. 解决Eclipse查看源代码出现Source not found的问题
  3. 五邑大学数据结构邢润丹实验_哪个大学楼最高:全国大学高楼海拔高度排名
  4. C语言程序设计输入x求函数y,C语言程序设计实践(OJ)-初识函数
  5. go语言csv包_玩转数据处理120题R语言版本
  6. RocketMQ Summit 2022 案例征集中
  7. Fluid: 让大数据和 AI 拥抱云原生的一块重要拼图
  8. VPGAME 的 Kubernetes 迁移实践
  9. win10运行C语言的程序,win10系统运行软件提示应用程序发生异常0xc0000409的具体教程...
  10. ransac剔除误匹配matlab代码,基于APAP图像拼接算法的改进