源码网商城,靠谱的源码在线交易网站 我的订单 购物车 帮助

源码网商城

上传的js验证(图片/文件的扩展名)

  • 时间:2022-05-15 04:18 编辑: 来源: 阅读:
  • 扫一扫,手机访问
摘要:上传的js验证(图片/文件的扩展名)
[b]js 验证上传图片[/b]
[u]复制代码[/u] 代码如下:
var ImgObj=new Image();//建立一个图像对象 varAllImgExt=".jpg|.jpeg|.gif|.bmp|.png|"//全部图片格式类型 varFileObj,ImgFileSize,ImgWidth,ImgHeight,FileExt,ErrMsg,FileMsg,IsImg//全局变量图片相关属性 //以下为限制变量 var AllowExt=""; //允许上传的文件类型ŀ为无限制每个扩展名后边要加一个"|" 小写字母表示 var AllowImgFileSize=100;//允许上传图片文件的大小 0为无限制 单位:KB var AllowImgWidth=385; //允许上传的图片的宽度Ɓ为无限制 单位:px(像素) var AllowImgHeight=441; //允许上传的图片的高度ƹ为无限制 单位:px(像素) function CheckProperty(obj) //检测图像属性 { FileObj=obj; if(ImgObj.readyState!="complete")//如果图像是未加载完成进行循环检测 { setTimeout("CheckProperty(FileObj)",500); return false; } ImgFileSize=Math.round(ImgObj.fileSize/1024*100)/100;//取得图片文件的大小 ImgWidth=ImgObj.width;//取得图片的宽度 ImgHeight=ImgObj.height; //取得图片的高度 FileMsg="\n图片大小:"+ImgWidth+"*"+ImgHeight+"px"; FileMsg=FileMsg+"\n图片文件大小:"+ImgFileSize+"Kb"; FileMsg=FileMsg+"\n图片文件扩展名:"+FileExt+"\n可以上传!"; ErrMsg=""; if(AllowImgWidth!=ImgWidth) ErrMsg=ErrMsg+"\n请上传宽度等于"+AllowImgWidth+"px的文件,当前图片宽度为"+ImgWidth+"px"; if(AllowImgHeight!=ImgHeight) ErrMsg=ErrMsg+"\n请上传高度等于"+AllowImgHeight+"px的文件,当前图片高度为"+ImgHeight+"px"; if(AllowImgFileSize!=0&&AllowImgFileSize<ImgFileSize) ErrMsg=ErrMsg+"\n请上传小于"+AllowImgFileSize+"KB的文件,当前文件大小为"+ImgFileSize+"KB"; if(ErrMsg!="") { alert(ErrMsg); return false; } else return true; }//end CheckProperty(); ImgObj.onerror=function(){ErrMsg='\n图片格式不正确或者图片已损坏!';} function CheckExt(obj) { ErrMsg=""; FileMsg=""; IsImg=false; if(obj.value=="") return false; FileExt=obj.value.substr(obj.value.lastIndexOf(".")).toLowerCase(); if(AllImgExt.indexOf(FileExt+"|")!=-1)//如果图片文件,则进行图片信息处理 { IsImg=true; FileObj=obj; ImgObj.src=obj.value; returnCheckProperty(obj); }else { alert("该文件类型不允许上传。请上传"+AllImgExt+"类型的文件,\n当前文件类型为"+FileExt); obj.value=''; return false; } }
[b]上传的js验证[/b] 下文给大家介绍怎样控制一个上传文件的扩展名。 js:
[u]复制代码[/u] 代码如下:
function check2() { var file = document.getElementsByName("file").value; if(file=="") { alert("请选择文件"); return false; } var strTemp = file.split("."); var strCheck = strTemp[strTemp.length-1]; if(strCheck.toUpperCase()=='JPG') { return true; }else { alert('上传文件类型不对!'); return false; } }
表单:
[u]复制代码[/u] 代码如下:
<form action="*.jsp" method="post" onsubmit="return check()"> <input type="file" name="file"> <input type="submit" value="上传"> </form>
需要注意的是,document.getElementsByName("file").value获取的是所上传的文件的绝对路径,故使用字符串分割法将文件的拓展名分割出来,然后再进行判断。
  • 全部评论(0)
联系客服
客服电话:
400-000-3129
微信版

扫一扫进微信版
返回顶部