js图片上传,判断图片大小
2017-11-09 11:18
204 查看
统一收银台项目,
兼容所有浏览器,唯一的缺点就是IE低版本,input的左半部分点击一次,右半部分得点击2次
html格式如下:input浮在所有元素上面
JS代码如下:
兼容所有浏览器,唯一的缺点就是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(); } } })
相关文章推荐
- js 判断上传图片尺寸大小(var img =new Image())
- js 实现在页面实现上传图片的预览,并判断大小
- 【转载】js判断上传图片大小及尺寸
- 客户端js判断文件类型和文件大小即限制上传大小图片预览
- js在上传图片前判断大小
- js判断上传图片大小及尺寸
- js判断图片上传时的文件大小,和宽高尺寸
- 通过input上传图片,判断不同浏览器及图片类型和大小的js代码
- js判断上传图片宽高及文件大小
- js 实现在页面实现上传图片的预览,并判断大小
- js判断上传图片大小限制300k
- js实现判断图片上传判断大小
- js 获取远程图片大小(判断上传图片大小)
- js在上传图片前判断大小
- input type='file'上传图片限制大小,类型判断,以及原生js实现上传至后端前实现图片显
- js在上传图片前判断大小
- js在上传图片前判断大小
- js在上传图片前判断大小
- js判断上传图片大小
- js判断上传图片大小及尺寸