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

直播网站程序源码,js判断上传图片格式类型、尺寸大小

时间:2023-08-25 14:26:42浏览次数:53  
标签: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;
}

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

 

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

相关文章

  • 在线直播系统源码,java使用Thumbnailator实现图片压缩
    在线直播系统源码,java使用Thumbnailator实现图片压缩1.添加jar包 <!--Thumbnailator图片压缩--><dependency>  <groupId>net.coobird</groupId>  <artifactId>thumbnailator</artifactId>  <version>0.4.8</version></dependency>......
  • 超详细!中标麒麟7下源码安装Zabbix 5.0(同样适用CentOS/RedHat)
    摘要本文详细记录了在中标麒麟7下安装Zabbix5.0的过程,包含Server、Agent、Web页面的安装以及MySQL的初始化。安装方法同样适用于CentOS与RedHat。1相关背景说明1.1操作系统版本服务器的操作系统为中标麒麟7,中标麒麟可以通过nkvers命令,查看操作系统详细信息:查看记录了操作系统发......
  • Spring框架源码结构
    骑士李四记录:Spring源码解析Spring是一款用于简化企业级Java应用开发的分层开源框架,它有着强大的扩展、融合能力,善于将各种单层框架完美地糅合在一起,并建立一个完整体系,统一、高效地构造可提供企业级服务的应用系统。Spring主要分为8大模块:数据处理模块(DataAccess/Integration)、......
  • js不区分大小写比较字符串|字符串转小写
    toLowerCase()方法用于把字符串转换为小写,在做字符串比较不区分大小写的时候用此方法,效果:代码://不区分大小写Stringstr=‘ABC’if(‘abc’==str.toLowerCase()){return“1”;//正确}else{return“0”;//错误}}toUpperCase():字符串转大写,比较同上......
  • node.js环境变量配置
    node.js环境变量配置环境配置主要配置的是npm安装的全局模块所在的路径,以及缓存cache的路径。为什么需要配置?因为以后在执行类似:npminstallexpress[-g](后面的可选参数-g,g代表global全局安装的意思)的安装语句时,会将安装的模块安装到【C:\Users\用户名\AppData\Roaming\npm】......
  • 使用C#实现PHP语言中的 json_encode
    php语言:md5(json_encode(params).apiKey)params轉json字串,再接APIKey,最後整個字串md5加密C#语言varserializer=newJavaScriptSerializer();stringjson=serializer.Serialize(new{param1="data1",param2="data2"});参考地址:https://www.jb51.cc/cshar......
  • ajax完美解决跨域问题(jsonp、nginx反向代理)
    做过web前端人都知道,经常会有ajax跨域问题,下面列举我经常使用的解决办法第一种:使用jsonp,jquery的ajax方法支持jsonp,但是最大的缺点就是只支持get方式,而且服务端也要修改客户端test.html代码<!DOCTYPEhtml><html><head> <title>工作端</title> <metaname="viewport"content=......
  • js判断一个元素是否在数组内
    vararr=newArray("a","ab");//使用jquery方法if($.inArray("a",arr)>-1){alert("在")}//自己写functioncontains(arr,val){vari=arr.length;while(i--){if(arr[i]===val){......
  • 基于java极速WEB+ORM 框架:jfinal2.0开发的通用后台管理系统及源码
    final2-common-admin1、基于java极速web开发框架:jfinal2.0开发的通用后台管理系统,包括完整的登录、注册、菜谱管理、厨师管理、餐厅管理等功能2、开发时是基于jdk1.8、tomcat7.0,utf8编码3、运行时请修改配置文件:a_little_config.txt及相应的运行环境:JavaBuildPath、TargetedR......
  • package.json中 版本号详解
    转自:https://blog.csdn.net/ZYS10000/article/details/129123855https://blog.csdn.net/njweiyukun/article/details/70309066......