您的位置:首页 > Web前端 > JavaScript

js图片上传,判断图片大小

2017-11-09 11:18 204 查看
统一收银台项目,

兼容所有浏览器,唯一的缺点就是IE低版本,input的左半部分点击一次,右半部分得点击2次

html格式如下:input浮在所有元素上面



JS代码如下:

//图片上传
$('.uploadImg').change(function() {
var $this = $(this);
var file = $(this)[0];
$(this).parent().find('img').remove()
//大小不能超过3M
var maxSize = 3 * 1024 * 1024;
if (file.files && file.files[0]) {  //IE10,火狐,guge
if (file.files[0].size > maxSize) {  //判断文件大小
alert('文件太大')
} else {
var reader = new FileReader();
reader.onload = function(evt) {
$this.parent().append('<img src="' + evt.target.result + '" />');
}
reader.readAsDataURL(file.files[0]);
}

} else { //IE浏览器
try {
file.select();
file.blur();
var path = document.selection.createRange().text;
var fso = new ActiveXObject("Scripting.FileSystemObject");
fileSize = fso.GetFile(path).size;
if (fileSize > maxSize) {  //判断文件大小
alert('文件太大')
} else {
$this.parent().append('<img src="' + file.value + '" />');
}
} catch (e) {
alert(e + "\n" + "如果错误为:Error:Automation 服务器不能创建对象;" + "\n" + "请按以下方法配置浏览器:" + "\n" + "请打开【Internet选项-安全-Internet-自定义级别-ActiveX控件和插件-对未标记为可安全执行脚本的ActiveX控件初始化并执行脚本(不安全)-点击启用-确定】");
return window.location.reload();
}
}
})
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: