视频直播源码,js判断上传图片格式类型、尺寸大小

视频直播源码,js判断上传图片格式类型、尺寸大小

 

1
/判断图片类型<br>var f=document.getElementById("File1").value;<br>if(f==" "){ <br>alert("请上传图片");<br>return false;<br>}else{<br>if(!/\.(gif|jpg|jpeg|png|GIF|JPG|PNG)$/.test(f)){<br>alert("图片类型必须是.gif,jpeg,jpg,png中的一种")<br>return false;<br>}<br>}<br> <br>function CheckFile(f,p){<br>//判断图片尺寸<br>var img=null;<br>img=document.createElement("img");<br>document.body.insertAdjacentElement("beforeend",img);<br>img.style.visibility="hidden"; <br>img.src=f;<br>var imgwidth=img.offsetWidth;<br>var imgheight=img.offsetHeight;<br>if(p.name=="UpFile_Photo1"){<br>if(imgwidth!=68||imgheight!=68){<br>alert("小图的尺寸应该是68x68");<br>}<br>}<br>if(p.name=="UpFile_Photo2"){<br>if(imgwidth!=257||imgheight!=351){<br>alert("中图的尺寸应该是257x351");<br>}<br>}<br>if(p.name=="UpFile_Photo3"){<br>if(imgwidth!=800||imgheight!=800){<br>alert("大图的尺寸应该是800x800");<br>}<br>}<br>//判断图片类型<br>if(!/\.(gif|jpg|jpeg|bmp)$/.test(f)){<br>alert("图片类型必须是.gif,jpeg,jpg,bmp中的一种")<br>return false;<br>}<br>return true;<br>}<br> <br><input type="file" id="UpFile_Photo1" runat="server" name="UpFile_Photo1" <br>size="35" onpropertychange="CheckFile(this.value,this)">小图<br /><br><input type="file" id="UpFile_Photo2" runat="server" name="UpFile_Photo2" <br>size="35" onpropertychange="CheckFile(this.value,this)">中图<br /><br><input type="file" id="UpFile_Photo3" runat="server" name="UpFile_Photo3" <br>size="35" onpropertychange="CheckFile(this.value,this)">大图<br />

 以上就是 视频直播源码,js判断上传图片格式类型、尺寸大小,更多内容欢迎关注之后的文章

 

posted @   云豹科技-苏凌霄  阅读(21)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 分享一个免费、快速、无限量使用的满血 DeepSeek R1 模型,支持深度思考和联网搜索!
· 基于 Docker 搭建 FRP 内网穿透开源项目(很简单哒)
· ollama系列01:轻松3步本地部署deepseek,普通电脑可用
· 25岁的心里话
· 按钮权限的设计及实现
点击右上角即可分享
微信分享提示