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

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/qq_33008701/article/details/55259662

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)")>