업로드된 js 검증(이미지/파일 확장자)_javascript 기술

js 검증 업로드 이미지

코드 복사 코드는 다음과 같습니다.

var ImgObj =new Image();//이미지 객체 생성
varAllImgExt=".jpg|.jpeg|.gif|.bmp|.png|"//모든 이미지 형식 유형
varFileObj,ImgFileSize, ImgWidth,ImgHeight ,FileExt,ErrMsg,FileMsg,IsImg//전역 변수 이미지 관련 속성
//다음은 제한 변수입니다
var AllowExt=""; //업로드할 수 있는 파일 형식은 각각 무제한입니다. 확장자 뒤에는 "|" 소문자를 추가하여
var AllowImgFileSize=100; //업로드할 수 있는 이미지 파일의 크기는 무제한입니다. 단위: KB
var AllowImgWidth=385; 업로드할 수 있는 이미지 파일의 너비는 없음입니다. 제한 단위: px(픽셀)
var AllowImgHeight=441; //업로드된 이미지의 높이는 무제한이 허용됩니다. 🎜>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);
false 반환
}
true 반환
}//end CheckProperty()
ImgObj.onerror(){ErrMsg=' n이미지 형식이 잘못되었거나 이미지가 손상되었습니다!';}
function CheckExt(obj)
{
ErrMsg="";
FileMsg=""
IsImg=false; 🎜>if(obj.value=="")
return false;
FileExt=obj.value.substr( obj.value.lastIndexOf(".")).toLowerCase(); AllImgExt.indexOf(FileExt "|")!=-1)//이미지 파일인 경우 이미지 정보 처리
{
IsImg=true;
FileObj=obj
ImgObj.src= obj.value;
returnCheckProperty(obj);
}else
{
alert("이 파일 형식은 업로드할 수 없습니다. "AllImgExt" 유형의 파일을 업로드하십시오. 현재 파일 유형은 "FileExt)입니다.
obj.value='';
return false;
}
}



업로드된 js 확인

다음은 업로드된 파일의 확장자를 제어하는 ​​방법을 소개합니다
js:

코드 복사

코드는 다음과 같습니다.

function check2() { var file = document.getElementsByName("file").value; 🎜>if( file=="") { alert("파일을 선택하세요");

return false;

}
var strTemp = file.split("." );
var strTemp[strTemp.length-1];
if(strCheck.toUpperCase()=='JPG')
{
return
}else; >{
경고('업로드된 파일 형식이 잘못되었습니다!');
return false
}
}


양식:




코드 복사

코드는 다음과 같습니다.

/form> document.getElementsByName("file").value는 업로드된 파일의 절대 경로를 얻기 때문에 문자열 분할 방법을 사용하여 파일 확장자를 분할합니다. , 그리고 나서 판단이 내려집니다.