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

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

时间:2023-07-27 14:25:17浏览次数:45  
标签: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/17584774.html

相关文章

  • js 数字正则表达式
    1、负数和正数,并且是整数constvalidateNumInt=( rule:any, value:string, callback:(arg0:Error|undefined)=>void)=>{ if(value){  if(!/^[-+]?\d+$/.test(value)){   callback(newError(Message.numIntZeroPatternMsg));  }......
  • 在线直播系统源码,使用Thumbnailator实现图片压缩
    在线直播系统源码,使用Thumbnailator实现图片压缩1.添加jar包 <!--Thumbnailator图片压缩--><dependency>  <groupId>net.coobird</groupId>  <artifactId>thumbnailator</artifactId>  <version>0.4.8</version></dependency> ​......
  • java 打印标签源码
    Java打印标签源码实现教程作为一名经验丰富的开发者,我将教会你如何实现Java打印标签源码的功能。下面是整个实现过程的步骤:步骤实现内容步骤一连接打印机步骤二创建打印标签的模板步骤三填充标签模板数据步骤四打印标签接下来,我将详细介绍每个步骤需要......
  • js 全屏方法
    实际建议通过高度在resize是判读是否全屏应该f11执行的全屏js无法判断//全屏varisFullScreen=falsefunctionfullScreen(id){//el是要放大的div的idletel=document.getElementById(id)||document.documentElement;letscreen=el.requestFul......
  • Next.js 开发环境设置 SSL 证书
    在Next.js中设置证书时,你可以按照以下步骤进行操作:生成自签名证书:在开发环境中,你可以使用自签名证书来启用HTTPS。可以使用工具如OpenSSL来生成自签名证书。以下是一个示例命令:opensslreq-nodes-new-x509-keyoutserver.key-outserver.crt这将生成一个名为serv......
  • [glibc2.23源码]阅读源码&调试,找出free_hook-0x13分配失败的原因
    0x00写在前面2023.7.27早合肥本次阅读源码是本人第一次,算是一个全新的开始。本次看源码是为了调试roarctf的babyheap那道题目,wp写在独奏者2序章那篇的0x04,为了看看为什么free_hook-0x13不能分配堆。0x01阅读前言和别名搜索aliasweak_alias(__malloc_info,malloc_info......
  • js 0.02 - 0.01 - 0.01 怎么得出 0.00999999999,如何修正
    ......
  • vue2.x接入mockJs
    1、安装npminstallmockjs2、创建文件src/mock/api、src/mock/indeximportMockfrom'mockjs'importMockApifrom"./api"Mock.setup({timeout:"300",});constmocks=[...MockApi];exportfunctionmockXHR(){for(letiofmocks)......
  • js实现websocket
    import{UserManager}from"@/utils/userManager.js";classwebSocketClass{constructor(url="ws://127.0.0.1:8088/",time=3){this.url=urlthis.filterMessagesList=[""];//服务端返回的内容message事件不监听的内容,不会再message返回......
  • ugui源码阅读 - Graphic渲染原理
    3d部分使用MeshRenderer来渲染,ugui的使用CanvasRenderer来进行渲染。把顶点,材质,贴图设置给CanvasRenderer,就能渲染出来了。 下面的代码,我们直接使用CanvasRenderer来进行渲染,等同于Graphic渲染部分的核心代码。usingUnityEngine;usingUnityEngine.UI;[RequireComponent(......