js图片上传,判断图片大小
来源:互联网 发布:初中生在哪学编程 编辑:程序博客网 时间:2024/05/16 16:15
统一收银台项目,
兼容所有浏览器,唯一的缺点就是IE低版本,input的左半部分点击一次,右半部分得点击2次
html格式如下:input浮在所有元素上面
JS代码如下:
//图片上传 $('.uploadImg').change(function() { var $this = $(this); var file = $(this)[0]; $(this).parent().find('img').remove() //大小不能超过3M var maxSize = 3 * 1024 * 1024; if (file.files && file.files[0]) { //IE10,火狐,guge if (file.files[0].size > maxSize) { //判断文件大小 alert('文件太大') } else { var reader = new FileReader(); reader.onload = function(evt) { $this.parent().append('<img src="' + evt.target.result + '" />'); } reader.readAsDataURL(file.files[0]); } } else { //IE浏览器 try { file.select(); file.blur(); var path = document.selection.createRange().text; var fso = new ActiveXObject("Scripting.FileSystemObject"); fileSize = fso.GetFile(path).size; if (fileSize > maxSize) { //判断文件大小 alert('文件太大') } else { $this.parent().append('<img src="' + file.value + '" />'); } } catch (e) { alert(e + "\n" + "如果错误为:Error:Automation 服务器不能创建对象;" + "\n" + "请按以下方法配置浏览器:" + "\n" + "请打开【Internet选项-安全-Internet-自定义级别-ActiveX控件和插件-对未标记为可安全执行脚本的ActiveX控件初始化并执行脚本(不安全)-点击启用-确定】"); return window.location.reload(); } } })
阅读全文
0 0
- js图片上传,判断图片大小
- js判断上传图片大小
- js 获取远程图片大小(判断上传图片大小)
- js判断上传图片大小限制300k
- js判断图片上传
- 上传图片js判断
- 判断上传的图片大小
- 上传前判断图片大小
- asp.net上传图片并判断是否存在限制图片大小
- Struts2图片文件上传,判断图片格式和图片大小
- 纯javascript实现图片上传前预览,判断图片大小
- Struts2图片文件上传,判断图片格式和图片大小
- Struts2图片文件上传,判断图片格式和图片大小
- js 判断图片大小
- neatbeans用js实现图片预览上传(自动控制图片大小)
- 上传图片时js验证图片大小、尺寸、格式
- JS获取图片的原始尺寸和上传图片大小
- js实现判断图片上传判断大小
- 在vue组件中使用axios
- 数据结构|二叉树的链式存储(实验6.2)
- C++11 std::chrono库详解
- 基于AM335X与FPGA的SPI通讯设计
- Codevs 2822 爱在心中
- js图片上传,判断图片大小
- 在Spring Boot中使用@Scheduled实现定时任务
- SpringApplication 的启动过程的两个阶段
- java.io.IOException: invalid constant type: 18
- seo问答交流(持续更新中)
- 微信支付SDKDEMO运行编译报错
- 限制input上传的文件类型
- table动态增加删除行数
- android手机拍照后上传图片被旋转的问题