首页 > 编程语言 >视频直播源码,js判断上传图片格式类型、尺寸大小

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

时间:2023-10-06 14:11:54浏览次数:48  
标签:img 图片格式 alert 源码 尺寸 js 上传

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

 

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

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

 

标签:img,图片格式,alert,源码,尺寸,js,上传
From: https://www.cnblogs.com/yunbaomengnan/p/17744523.html

相关文章

  • 直播网站源码,EasyUI按钮控制标签显示与隐藏
    直播网站源码,EasyUI按钮控制标签显示与隐藏1.第一种 document.getElementById("delete").style.display='';  //标签显示  document.getElementById("delete").style.display='none'; //标签隐藏<aid="btn_save"href="#"class=&......
  • Python爬虫源码,Behance 作品图片及内容采集爬虫附工具脚本!
    Behance网站是设计师灵感必备网站这个网站跟国内的网站,花瓣网很像,甚至可以说花瓣学习了它不少,在瀑布流网页的展示上也有很多相似之处。前面本渣渣就分享过花瓣网图片采集爬虫,感兴趣可以移步查看,现在还能用!【爬虫】花瓣图片爬虫,Python图片采集下载源码Python爬虫tkinter,花瓣工业设......
  • 基于python的食力派网上订餐系统-计算机毕业设计源码+LW文档
    摘 要在各学校的教学过程中,食力派网上订餐系统是一项非常重要的事情。随着计算机多媒体技术的发展和网络的普及。采用当前流行的B/S模式以及3层架构的设计思想通过Python技术来开发此系统的目的是建立一个配合网络环境的食力派网上订餐系统,这样可以有效地解决食力派网上订餐管理......
  • 基于Python的智慧补助系统的设计与实现-计算机毕业设计源码+LW文档
    摘 要在各学校的教学过程中,智慧补助系统是一项非常重要的事情。随着计算机多媒体技术的发展和网络的普及。采用当前流行的B/S模式以及3层架构的设计思想通过Python技术来开发此系统的目的是建立一个配合网络环境的智慧补助系统,这样可以有效地解决智慧补助混乱的局面。本文首先......
  • 基于Django的智慧旅游系统的设计与实现-计算机毕业设计源码+LW文档
    摘 要在各学校的教学过程中,智慧旅游系统是一项非常重要的事情。随着计算机多媒体技术的发展和网络的普及。采用当前流行的B/S模式以及3层架构的设计思想通过Python技术来开发此系统的目的是建立一个配合网络环境的智慧旅游系统,这样可以有效地解决智慧旅游管理信息混乱的局面。......
  • 基于SSM架构的房产局地籍登记与管理系统的设计与实现(附源码论文资料)
    基于SSM架构的房产局地籍登记与管理系统的设计与实现(附源码论文资料)文章目录1.引言2.系统概述3.购买租用管理模块3.1设计和具体实现过程3.3.1注册登陆3.3.2购买支付4.发布管理模块4.1功能简介4.2.界面4.3设计和具体实现过程4.3.1地籍发布4.3.2地籍审核5用户与地籍管理5.......
  • 信息学 学习/复习 抽签器(附源码)
    信息学学习/复习抽签器(附源码)效果图以下是源代码,可自行修改[C++]//ByDijkstraPhoenix#include<bits/stdc++.h>#include<windows.h>usingnamespacestd;vector<string>item;intmain(void){ item.push_back("Manacher"); item.push_back("Tarjan&quo......
  • Vue在main.js全局引入scss文件,组件里使用scss变量报错问题
    问题描述在写组件样式的时候,普通样式都没问题,一碰到$变量就errorModulebuildfailed(from./node_modules/sass-loader/dist/cjs.js):color:$normal-active-color;^Undefinedvariable.╷22│color:$normal-active-color;│......
  • Fast-Dds源码调试方案
    1、虚拟机安装:参考ubuntufastdds安装-墨尔基阿德斯-博客园(cnblogs.com);2、Ubuntu安装gdb:sudoaptinstallgdb3、查看gdb的安装路径(默认安装在/usr/bin/gdb):whichgdb4、配置调试参数,以示例程序HelloWorldExample为例:1)、重新编译fastdds库(只编译一次就行,更换......
  • js-promise
    一基本使用<script>letfunc=functionmineReadFile(path){//注意这里必须是箭头函数。规范要这样写。returnnewPromise((resolve,reject)=>{if(path=="1"){resolve("333");......