资讯专栏INFORMATION COLUMN

js 创建图片对象

leiyi / 3403人阅读

摘要:创建一个图片对象图片对象的属性图片对象的事件具体参考有一个需要注意的在使用的属性的时候,最好是放在后面兼容,默认都是触发后,图片描述才触发而可能在在还没触发成已经触发了。及以下不支持事件

创建一个图片对象 : var img=new Image([w,h])
图片对象img的属性:border|complete |height |width |hspace |lowsrc |name |src |vspace ;
图片对象img的事件:onload |onerror |onabort
具体参考:http://www.w3school.com.cn/js...

有一个需要注意的: 在使用src的属性的时候,最好是放在onload后面(兼容ie)
ff,chrome默认都是 window.onload 触发后,img.o图片描述nload才触发
而 ie 可能在img.onload 在 window.onload 还没触发 成已经触发了。

var img=new Image();  
    img.onload=function(){alert("img is loaded")};  
    img.onerror=function(){alert("error!")};  
    img.src="http://www.baidu.com/img/bd_logo1.png";  
    function show(){alert("body is loaded");};  
    window.onload=show;  

可以通过Image对象的complete 属性来检测图像是否加载完成(每个Image对象都有一个complete属性,当图像处于
装载过程中时,该属性值false,当发生了onload、onerror、onabort中任何一个事件后,则表示图像装载过程结束(不管成没成功),此时complete属性为true)

ie 火狐等大众浏览器均支持 Image对象的onload事件。
ie8及以下、opera 不支持onerror事件
var oDiv = document.getElementById("div1");
if(img.complete){
    oDiv.style.display = "none" 
    }
else{
    oImg[0].onload = function() {
        oDiv.style.display = "none"
    }
}    

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/88376.html

相关文章

  • js 创建图片对象

    摘要:创建一个图片对象图片对象的属性图片对象的事件具体参考有一个需要注意的在使用的属性的时候,最好是放在后面兼容,默认都是触发后,图片描述才触发而可能在在还没触发成已经触发了。及以下不支持事件 创建一个图片对象 : var img=new Image([w,h])图片对象img的属性:border|complete |height |width |hspace |lowsrc |name |...

    y1chuan 评论0 收藏0
  • 前端js实现字符串/图片/excel文件下载

    摘要:实现并发请求实现并发请求生成并下载字符串文件首先我们需要了解一个特殊的数据格式。如果类型未知,则该值为空字符串。表示状态的数字。一旦完成,属性中将包含一个字符串以表示所读取的文件内容。 在web开发中,如果你想让用户下载或者导出一个文件,应该怎么做呢?传统的做法是在后端存储或者即时生成一个文件来提供下载功能,这样的优势是可以做权限控制、数据二次处理,但缺点是需要额外发起请求、增大服务端...

    DevWiki 评论0 收藏0
  • 前端js实现字符串/图片/excel文件下载

    摘要:实现并发请求实现并发请求生成并下载字符串文件首先我们需要了解一个特殊的数据格式。如果类型未知,则该值为空字符串。表示状态的数字。一旦完成,属性中将包含一个字符串以表示所读取的文件内容。 在web开发中,如果你想让用户下载或者导出一个文件,应该怎么做呢?传统的做法是在后端存储或者即时生成一个文件来提供下载功能,这样的优势是可以做权限控制、数据二次处理,但缺点是需要额外发起请求、增大服务端...

    ingood 评论0 收藏0

发表评论

0条评论

leiyi

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<