new Image()的用途

简介: new Image()用途总结:   1、图片预加载      在做游戏时,为了使图片能快打开可以做预加载。      原理:创建image对象,将image对象的src分别指向需加载的图片地址,图片被请求,因为Image对象没有显示在页面上,所以不会对页面布局产生影响。

new Image()用途总结:

 

1、图片预加载

     在做游戏时,为了使图片能快打开可以做预加载。
     原理:创建image对象,将image对象的src分别指向需加载的图片地址,图片被请求,因为Image对象没有显示在页面上,所以不会对页面布局产生影响。   
 
   

var arr=['1.jpg','2.jpg','3.jpg','4.jpg','5.jpg'];

var img=new Image();

var n=0
img.src=arr[n];
img.onload=function(){
  n++;
  if(n<arr.length){
    img.src=arr[n];
  }
}

 
2、向服务器发送统计请求
 
     为了做点击量或访问量统计时,向服务器发送请求。
     原理:创建image对象,image对象的src为请求服务器的地址,当image对象请求图片资源时,服务发送成功。为了避免浏览器缓存导致的不发送请求,可在请求地址后加时间戳。
obj.onclick=function(){
          (new Image()).src="服务器地址"+"?_t="+new Date().getTime();
     }
 
3、创建image对象
 
      如果需要显示图片,一般会提前把结构写好吧。
var img = new Image();  img.src="1.jpg";
  document.getElementsByTagName('body')[0].appendChild(img);

 

 
  
 
 
目录
相关文章
|
计算机视觉 C#
知乎上有一个问题“在mfc框架中,有上面方法能直接将opencv2.0库中的Mat格式图片传递到Picture Control”中显示?
一直以来,我使用的方法都是shiqiyu在opencvchina上面提供的引入directshow,并且采用cvvimage和cameraDs的方法。这个方法虽然在xp/win7/win8下面都能够成果使用,但是一直以来我都没有动机去深入看一看这个方法。
1256 0
|
21天前
|
存储 容器
容器镜像解析问题之desc.Image() 方法确定返回的 Image 接口类型如何解决
容器镜像解析问题之desc.Image() 方法确定返回的 Image 接口类型如何解决
12 0
|
2月前
|
缓存 Serverless Docker
函数计算操作报错合集之如何解决读取容器镜像时,报错:"Unable to read image blob"
在使用函数计算服务(如阿里云函数计算)时,用户可能会遇到多种错误场景。以下是一些常见的操作报错及其可能的原因和解决方法,包括但不限于:1. 函数部署失败、2. 函数执行超时、3. 资源不足错误、4. 权限与访问错误、5. 依赖问题、6. 网络配置错误、7. 触发器配置错误、8. 日志与监控问题。
|
2月前
|
文字识别 Java Python
文本,文识08图片保存()上,最方便在于整体生成代码,serivce及实体类,base64编码保存图片文件,调用flask实现内部ocr接口,通过paddleocr识别,解析结果,base64转图片
文本,文识08图片保存()上,最方便在于整体生成代码,serivce及实体类,base64编码保存图片文件,调用flask实现内部ocr接口,通过paddleocr识别,解析结果,base64转图片
|
4月前
|
Linux Windows
qemu-img 转换镜像格式
【1月更文挑战第2天】
296 1
|
4月前
|
Python
image.save()方式支持的图片格式
python保存图片格式
156 0
|
存储 缓存 算法
图片转为base64格式的优缺点分析
图片转为base64格式的优缺点分析
470 0
|
计算机视觉 Python
python之jpg和png格式之间的转换
python之jpg和png格式之间的转换
使用 qemu-img 转换镜像格式
qemu-img 镜像格式转换工具支持 vhd、vmdk、qcow2、raw、vhdx、qcow、vdi 或 qed 社区格式的镜像的相互转换。
894 0
Google Earth Engine(GEE)——Export.image.toAsset/toDrive两者的区别和混用,正确导出分类样本数据到资产assets和引用
Google Earth Engine(GEE)——Export.image.toAsset/toDrive两者的区别和混用,正确导出分类样本数据到资产assets和引用
705 0
Google Earth Engine(GEE)——Export.image.toAsset/toDrive两者的区别和混用,正确导出分类样本数据到资产assets和引用