js 이미지 처리 샘플 code_javascript 기술

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

var ImgObj=new Image() / /이미지 객체 생성
var AllImgExt=".jpg|.jpeg|.gif|.bmp|.png|"//모든 이미지 형식 유형
var FileObj,ImgFileSize,ImgWidth,ImgHeight,FileExt,ErrMsg, FileMsg,HasCheked ,IsImg//전역 변수 이미지 관련 속성
//다음은 제한 변수입니다
var AllowExt=".jpg|.gif|.doc|.txt|" //업로드가 허용되는 파일 형식 ? Unlimited 각 확장자 뒤에 소문자를 추가하여
var AllowImgFileSize=70; //업로드할 수 있는 이미지 파일의 크기는 무제한입니다.
var AllowImgWidth= 500; //업로드할 수 있는 이미지의 너비는 무제한입니다: px(픽셀)
var AllowImgHeight=500; //업로드할 수 있는 이미지의 높이는 무제한입니다: px(픽셀)
HasChecked=false;
function CheckProperty(obj) //이미지 속성 확인
{
FileObj=obj
if(ErrMsg!="") //올바른지 확인 이미지 파일을 반환하고 오류 메시지를 반환하고
{
ShowMsg(ErrMsg,false);
return false; //Return
}
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; 🎜>if(AllowImgWidth!=0&&AllowImgWidthErrMsg= ErrMsg "n사진 너비가 제한을 초과했습니다. " AllowImgWidth "px보다 작은 너비의 파일을 업로드하십시오. 현재 이미지 너비는 " ImgWidth "px"입니다.
if(AllowImgHeight!=0&&AllowImgHeightErrMsg=ErrMsg "n이미지 높이가 제한을 초과합니다. . 높이가 "AllowImgHeight"px보다 작은 파일을 업로드하세요. 현재 이미지 높이는 "ImgHeight "px"입니다.
if(AllowImgFileSize!=0&&AllowImgFileSizeErrMsg=ErrMsg "n이미지 파일 크기가 다음을 초과합니다. 한계. " AllowImgFileSize "KB보다 작은 파일을 업로드하십시오. 현재 파일 크기는 " ImgFileSize "KB"입니다.
if(ErrMsg!="") ShowMsg(ErrMsg,false);
else ShowMsg(FileMsg,true);
}
ImgObj.onerror=function(){ErrMsg='n이미지 형식이 잘못되었거나 이미지가 손상되었습니다!'}
function ShowMsg(msg,tf) //프롬프트 정보 표시 tf=true 표시 파일 정보 tf=false는 오류 메시지를 표시합니다 msg-information content
{
msg=msg.replace("n","

")
msg=msg.replace(/n/gi ,"

");
if(!tf)
{
FileObj.outerHTML=FileObj.outerHTML
MsgList.innerHTML=msg; >} else{
if(IsImg) PreviewImg.innerHTML=""
else PreviewImg.innerHTML= "이미지 파일 아님";
HasChecked=true;
}
}
function CheckExt(obj)
{
ErrMsg="";
FileMsg="";
FileObj=obj;
HasChecked=false;
PreviewImg.innerHTML="미리보기 영역"; =" ")return false;
MsgList.innerHTML="파일 정보 처리 중..."
FileExt=obj.value.substr(obj.value.lastIndexOf(".")).toLowerCase();
if(AllowExt!=0&&AllowExt.indexOf(FileExt "|")==-1) //업로드 허용 파일 형식인지 확인
{
ErrMsg="n허용되지 않는 파일 형식입니다. 업로드 예정. " AllowExt " 유형의 파일을 업로드하십시오. 현재 파일 유형은 " FileExt;
ShowMsg(ErrMsg,false);
return false;
}
if(AllImgExt.indexOf(FileExt "| ") !=-1) //이미지 파일인 경우 이미지 정보 처리
{
IsImg=true;
ImgObj.src=obj.value;
alert(ImgObj.src );
alert(Math.round(ImgObj.fileSize/1024*100)/100);
CheckProperty(obj);
return false;
FileMsg="nFile 확장자: " FileExt;
ShowMsg(FileMsg,true);
}
}