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)")>
相关文章推荐
- 一个自己写的真正判断文件格式,文件大小,而并不仅仅从扩展名来进行判断的上传方法,进一步加强防止软件或恶意的木马图片上传
- javascript判断上传图片的大小和格式
- javascript判断上传图片的大小和格式
- javascript脚本判断上传图片的大小宽度和格式
- 一个自己写的真正判断文件格式,文件大小,而并不仅仅从扩展名来进行判断的上传方法,进一步加强防止软件或恶意的木马图片上传
- Js下检查上传图片文件格式和大小的方法,兼容ie和火狐
- javascript如何实现上传图片预览和大小判断
- javascript判断图片的上传图片的格式
- Javascript实现上传前对图片大小、格式的检查并预览
- 纯javascript实现图片上传前预览,判断图片大小
- Struts2图片文件上传,判断图片格式和图片大小
- 上传图片前判断文件格式与大小验证文件是不是图片
- 兼容ie6、ie7、ie8 和FF的本地上传图片预览,并客户端判断文件大小和文件格式
- 实现图片上传格式修改和大小修改方法一
- 上传图片之上传前判断文件格式与大小
- Struts2图片文件上传,判断图片格式和图片大小
- 兼容ie6、ie7、ie8 和FF的本地上传图片预览,并客户端判断文件大小和文件格式
- javascript图片上传类型及大小判断
- c# 获取网页源码,自动判断编码格式新方法!
- c# 获取网页源码,自动判断编码格式新方法