JS Image对象图片类型合法性

Posted on by

有时候文件名后缀是可以伪装的，比如说将一个记事本文件xx.txt改成xx.jpg，这时候只利用后缀来判断选取的文件是否满足条件就不靠谱了,此时Image对象就派上用场了。
如果图片无法显示那当然是不正确的格式了，会引发onerror事件，代码如下：

1
2
3
4
5
6
7
8
9
10
11
12
13

	var img = new Image();
img.onload = function(){
alert('load');
};
img.onabort = function(){
alert('abort');
};
img.onerror = function(){
alert('error');
};
img.src ='http://www.google.com.hk/intl/zh-CN/images/logo_cn.gif';
var _img_ = document.getElementById('imgplace');
_img_.appendChild(img);

另外onabort事件目前仅有IE支持，FF,Opera,Chrome,Safari统统不支持。
FAQ：如何激活Image对象的abort事件？
A:弄一张超级大的图片（比如说4M），等浏览器载入到一半的时候按停止载入。
-EOF-

One thought on “JS Image对象图片类型合法性”

Comments are closed.