一共是2个函数

//这个函数的作用预览上传的图片

 function fileView(filesObj){ //显示上传图片预览 var view=document.querySelector("#view"); var url = window.URL.createObjectURL(filesObj.files[0]); view.innerHTML="";  //创建一个图片对象 var img = new Image(); img.src = url; img.style.width = "500px"; img.style.height = "503px"; view.appendChild(img);  }

//这个函数用于控制上传文件的数量

//filesObj上传文件对象,minFileNum、maxFileNum上传文件数量最小值和最大值 function fileCountCheck(filesObj,minFileNum,maxFileNum){ var btn = document.getElementById('btn'); //控制上传文件个数 if (window.File && window.FileList) { var fileCount = filesObj.files.length; if (fileCount == minFileNum || fileCount > maxFileNum) { window.alert('图片不能超过' + maxFileNum + '个，请重新选择' ); btn.disabled = true; btn.style.background = "url('disable.png') no-repeat center"; return false; } else { btn.disabled = false; btn.style.background = 'blue'; return true; } } else { window.alert('你的浏览器不支持上传文件,请升级你的浏览器'); return false; } }

如果不符合规定的话，就如下图所示

anguarjs 上传图片预览_JS控制上传图片个数，预览上传图片相关推荐

jquery实现上传图片及图片大小验证、图片预览效果代码
jquery实现上传图片及图片大小验证.图片预览效果代码 jquery实现上传图片及图片大小验证.图片预览效果代码上传图片验证 */ function submit_upload_picture() ...
基于asp.net + easyui框架，js实现上传图片之前判断图片格式，同时实现预览，兼容各种浏览器+下载...
2019独角兽企业重金招聘Python工程师标准>>> 最近在做图片上传的一个前台页面,上传图片功能虽然很简单,但是需要我们学习的地方很多.在上传图片之前验证图片的格式,并同时实现预 ...
【Android RTMP】Android Camera 视频数据采集预览 ( 视频采集相关概念 | 摄像头预览参数设置 | 摄像头预览数据回调接口 )
文章目录安卓直播推流专栏博客总结一. Android 端数据采集涉及到的相关概念二. Camera 预览图像尺寸设置三. 获取摄像头采集的数据格式安卓直播推流专栏博客总结 Android R ...
kkfileview预览html乱码,kkFileView(在线预览方案)
kkFileView是用spring boot搭建的一个在线预览方案,支持文档.纯文本.压缩包.视频.音频.图片等主流办公文档的在线预览,多种预览模式可灵活切换,独立部署,提供restful接口,适用 ...
怎么在c语言中输入一串字母,C语言中如何输入一个数字n,再输入一串字母,控制字母个数为n(n是变量,1...
C语言中如何输入一个数字n,再输入一串字母,控制字母个数为n(n是变量,1以下文字资料是由(历史新知网www.lishixinzhi.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧! ...
在线预览文档--微软的预览接口
在本地运行和预发布在线预览可行也就是说在使用的过程中可以通过'https://view.officeapps.live.com/op/view.aspx?src=' + url的方式打开打开新窗口 ...
真正让你明白Hive参数调优系列1：控制map个数与性能调优参数
本系列几章系统地介绍了开发中Hive常见的用户配置属性(有时称为参数,变量或选项),并说明了哪些版本引入了哪些属性,常见有哪些属性的使用,哪些属性可以进行Hive调优,以及如何使用的问题.以及日常Hi ...
计算机文件预览取消,关闭视频文件预览，保留图片文件预览（windows7） -电脑资料...
Win 7的视频预览是一项不错的功能,但需要高配硬件配置支持,这让不少用户难以取舍, 其实,还可以以采取一个折中的办法,有选择性的关闭某些类型的文件预览,而只留下常见的文件格式预览功能.比如,由于视频 ...
天津大学计算机预推免机试_2019预推免汇总 | 9.18New!
设计保研2019年预推免汇总栏目开通了!为了抢夺优质生源,每年9月,各大高校会以院系为单位组织开展预推免活动.对于设计保研的同学而言,预推免不容忽视!为了帮助大家打赢这场信息战,小设将在官方通知发布的 ...

anguarjs 上传图片预览_JS控制上传图片个数，预览上传图片

一共是2个函数

anguarjs 上传图片预览_JS控制上传图片个数，预览上传图片相关推荐

最新文章

热门文章