上传图片js判断图片尺寸和格式兼容IE
2014-09-01 15:09
711 查看
js代码:
$(".head").change(function() { var val = $(this).val(); if(!val.match( /.jpg|.gif|.png|.bmp/i ) ){ imgtype = false; alert('图片格式无效!'); }else{ if (FileReader) { var reader = new FileReader(), file = this.files[0]; reader.onload = function(e) { var image = new Image(); 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(); var objPreviewSizeFake = $(".preview_size_fake").get(0); var fileupload = $(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代码:
<input class="head" type="file" name="avatar"> <img class="preview_size_fake" />
您可能感兴趣的文章:
相关文章推荐
- 上传图片js判断图片尺寸和格式兼容IE
- 上传图片js判断图片尺寸和格式兼容IE
- 基于asp.net + easyui框架,js实现上传图片之前判断图片格式,同时实现预览,兼容各种浏览器+下载
- 基于asp.net + easyui框架,js实现上传图片之前判断图片格式,同时实现预览,兼容各种浏览器+下载
- JS 判断 图片上传_限制格式、类型、尺寸
- 基于asp.net + easyui框架,js实现上传图片之前判断图片格式,同时实现预览,兼容各种浏览器+下载
- 用HTML的File控件上传图片,用JS判断和限制图片格式、类型、尺寸
- 基于asp.net + easyui框架,js实现上传图片之前判断图片格式,同时实现预览,兼容各种浏览器+下载
- Js下检查上传图片文件格式和大小的方法,兼容ie和火狐
- JS 判断 图片上传_限制格式、类型、尺寸
- 上传图片js判断图片尺寸和格式
- javascript图片上传格式验证,缩略图预览呈现,兼容IE,FIREFOX
- 兼容ie6、ie7、ie8 和FF的本地上传图片预览,并客户端判断文件大小和文件格式
- 图片上传之前检查大小、尺寸、格式并预览的js代码
- JS获得IE上传图片的尺寸(长度、宽度)
- js判断上传图片大小及尺寸
- JS 预览上传图片,兼容IE、firefox等所有浏览器
- js判断上传的图片格式
- 同时兼容IE和FF的图片上传判断及预览脚本
- JS收集:图片上传_限制格式、类型、尺寸