版权声明:本文为博主原创文章,未经博主允许不得转载。 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)")>