手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >上传图片js判断图片尺寸和格式兼容IE
上传图片js判断图片尺寸和格式兼容IE
摘要:js代码:$(".head").change(function(){varval=$(this).val();if(!val.match(/...

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 (/"wW"/.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 type="file" name="avatar"> <img />

【上传图片js判断图片尺寸和格式兼容IE】相关文章:

javascript实现在网页任意处点左键弹出隐藏菜单的方法

JavaScript的document和window对象详解

Prototype1.4手册

js+html5绘制图片到canvas的方法

JQuery中DOM加载与事件执行实例分析

js兼容火狐显示上传图片预览效果的方法

让广告代码不再影响你的网页加载速度

nextSibling

Javascript实现图片轮播效果(二)图片序列节点的控制实现

prototype class详解

精品推荐
分类导航