>  기사  >  웹 프론트엔드  >  이미지 크기_javascript 기술을 감지하는 JS의 예

이미지 크기_javascript 기술을 감지하는 JS의 예

WBOY
WBOY원래의
2016-05-16 17:24:54877검색

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





< script type="text/javascript">
 var maxSize=document.getElementByIdx_x('MAX_FILE_SIZE').value;

function checkFileType(obj){

var path=obj. value.toString();

var perfix=path.substring(path.indexOf('.') 1);

var regExp=/(jpg|jpeg|gif|png)/ gi;

if(perfix.match(regExp)){

checkFileSize(obj); //이미지 파일 형식이 성공적으로 일치하면 파일 크기 감지를 수행합니다.

}else{

alert('죄송합니다. 이미지 파일을 선택하세요'); return false;

} }
function checkFileSize(obj){

var img=new Image();

시도{

var imgSize=obj.files.item(0).fileSize;

return isLarged(imgSize , maxSize); //사진 파일 크기 비교.

}catch(e){ try{

img.src=obj.value;

return isLarged(img.fileSize,maxSize);

}catch(e){

obj.select();

var path=document.selection.createRange.text();

img.src=path;

return isLarged(img.fileSize,maxSize);

} } }
function isLarged(imgSize,maxSize){

if(imgSize>maxSize){

alert('죄송합니다. 선택한 이미지 파일이 초과했습니다.'parseInt(maxSize/1024) 'Kb');

return false;

}else{

alert(parseInt(imgSize/1024) 'kb ' '이 정도 크기는 괜찮습니다');

return true;

} }

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.