上传图片js判断图片尺寸和格式兼容IE

时间:2021-05-25

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{ 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" />

声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。

相关文章