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

来源:互联网 发布:创业用什么软件 编辑:程序博客网 时间:2024/05/25 13:34
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)")>

0 0
原创粉丝点击