上传图片js判断图片尺寸和格式兼容IE
js代码：
$(".head").change(function(){
varval=$(this).val();
if(!val.match(/.jpg|.gif|.png|.bmp/i)){
imgtype=false;
alert('图片格式无效！');
}else{
if(FileReader){
varreader=newFileReader(),
file=this.files[0];
reader.onload=function(e){
varimage=newImage();
image.src=e.target.result;
image.onload=function(){
if(image.width>128||image.height>128){
fill=false;
alert("头像尺寸应在128x128之间");
}
}
};
reader.readAsDataURL(file);
}else{
//这是ie9版本
$(".preview_size_fake").show();
varobjPreviewSizeFake=$(".preview_size_fake").get(0);
varfileupload=$(this).get(0);
fileupload.select();
fileupload.blur();
path=document.selection.createRange().text;
if(/"\w\W"/.test(path)){
path=path.slice(1,-1);
}
objPreviewSizeFake.filters.item('DXImageTransform.Microsoft.AlphaImageLoader').src=path;
if(objPreviewSizeFake.offsetWidth>128||objPreviewSizeFake.offsetHeight>128){
fill=false;
alert("头像尺寸应在128x128之间");
}
document.selection.empty();
}
}
});
css代码（这个是必须写的，如果不写，ie下不起作用）
.preview_size_fake{/*该对象只用来在IE下获得图片的原始尺寸，无其它用途*/
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=image);
height:1px;
visibility:hidden;
overflow:hidden;
display:none;
}
html代码：
<inputclass="head"type="file"name="avatar"> <imgclass="preview_size_fake"/>
热门推荐
1 训练狗狗憋尿
2 狗狗追踪训练
3 狗狗训练要多少钱
5 深圳狗狗训练
6 训练狗狗唤回
7 狗狗叫怎么训练
8 狗狗训练班
10 狗狗社会化训练
11 狗狗叫回训练
12 广州狗狗训练学校
13 狗狗训练躺下
14 狗狗随行训练
15 训练狗狗巡回
16 狗狗要怎么训练
17 狗狗喂食训练
18 训练狗狗躺下