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

作者:whsnow 时间:2024-04-10 10:48:37 

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" />
标签:上传图片,图片尺寸,格式
0
投稿

猜你喜欢

  • 用Python写王者荣耀刷金币脚本

    2022-03-04 11:55:28
  • 一文带你搞懂Python中的数据容器

    2021-05-25 16:09:59
  • SQL 中having 和where的区别分析

    2023-07-09 03:53:28
  • jupyter 使用Pillow包显示图像时inline显示方式

    2021-09-08 00:42:02
  • Python 中的集合和字典

    2021-03-18 22:53:30
  • php动态函数调用方法

    2023-11-15 00:18:30
  • Golang设计模式之单例模式详细讲解

    2024-02-20 01:10:16
  • php在windows环境下获得cpu内存实时使用率(推荐)

    2023-11-15 04:44:23
  • Python队列RabbitMQ 使用方法实例记录

    2021-01-30 22:38:26
  • PDO::exec讲解

    2023-06-13 04:04:40
  • python用quad、dblquad实现一维二维积分的实例详解

    2022-02-17 05:32:51
  • python的命名规则知识点总结

    2023-08-22 09:48:21
  • Python调用百度AI实现颜值评分功能

    2023-07-30 22:53:40
  • Golang 统计字符串中数字字母数量的实现方法

    2024-04-23 09:43:04
  • Python+Opencv身份证号码区域提取及识别实现

    2021-10-01 17:32:13
  • WebStorm 遇到的问题总结

    2023-08-31 23:30:00
  • 纯CSS3文字渐变内发光投影效果

    2011-08-24 20:15:10
  • pandas数据筛选和csv操作的实现方法

    2022-04-23 15:36:21
  • python人民币小写转大写辅助工具

    2022-02-10 15:28:19
  • 使用python画个小猪佩奇的示例代码

    2023-08-25 17:27:52
  • asp之家 网络编程 m.aspxhome.com