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
- JavaScript上传图片的方法 判断图片的格式和大小、获取图片的base64编码
- javascript判断上传图片的大小和格式
- javascript判断上传图片的大小和格式
- javascript脚本判断上传图片的大小宽度和格式
- 上传base64格式的图片
- javascript验证图片上传的格式和大小
- javascript判断图片的上传图片的格式
- 图片上传 文件类型和大小的判断
- 图片的Base64编码
- 判断图片的格式(Javascript)
- 获取图片base64编码的几种方法
- 获取图片base64编码的几种方法
- 由图片的网络地址获取图片的base64编码
- 判断上传图片文件的大小(字节)
- 【C#】图片的Base64编码和解码
- Base64编码和图片的互相转换
- Base64编码和图片的互相转换
- C#图片的Base64编码和解码
- LeetCode 31 Next Permutation
- Java并发包使用及源码浅析(线程池)
- 公网HLS地址
- java的万里长征之第一步
- jquery动态关闭左边的tab标签
- JavaScript上传图片的方法 判断图片的格式和大小、获取图片的base64编码
- intellij idea maven 配置使用
- [LeetCode] Contains Duplicate
- 无限级分类三种方法
- Python练手项目0014
- ThinkPHP实现微博登录
- HTTP Header里的Range和Content-Range参数
- 什么是欧拉角?
- Vulkan入门