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

JavaScript上传图片的方法 判断图片的格式和大小、获取图片的base64编码

2017-02-16 15:52 796 查看
function imgChange(e) {
var dom = $("input[id^='getImg']")[0];
var photoExt = dom.value;
if (!/.(gif|jpg|jpeg|png|GIF|JPG|png|BMP|bmp)$/.test(photoExt)) {       //判断上传图片是否符合格式
alert('上传图片格式不正确,请重新上传!');
return false;
}
var isIE = /msie/i.test(navigator.userAgent) && !window.opera;
if (isIE && !dom.files) {
var filePath = dom.value;
var fileSystem = new ActiveXObject('Scripting.FileSystemObject');
var file = fileSystem.GetFile(filePath);
fileSize = file.Size;
} else {
fileSize = dom.files[0].size;
}
fileSize = Math.round(fileSize / 1024 * 100) / 100;                       //判断图片大小是否符合规范
if (fileSize >= 100) {
alert('照片最大尺寸大于100k,请重新上传!');
return false;
}
var reader = new FileReader();
reader.onload = (function (file) {
return function (e) {
imgbase64 = this.result;
w = imgbase64.indexOf(",");
var BasePic = imgbase64.substring(w + 1, imgbase64.length);        //获取base64头部
$("#fileImg")[0].src = this.result;//给页面中的img赋值

};
})(e.target.files[0]);
reader.readAsDataURL(e.target.files[0]);
}

页面调用方式:
<input type="file" onchange="imgChange(event)")>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息