>  기사  >  웹 프론트엔드  >  js는 업로드된 파일의 유형과 크기를 결정합니다. 샘플 code_javascript 기술

js는 업로드된 파일의 유형과 크기를 결정합니다. 샘플 code_javascript 기술

WBOY
WBOY원래의
2016-05-16 17:19:41988검색
코드 복사 코드는 다음과 같습니다.

//파일 크기 및 유형 감지
function fileChange (target) {
//업로드된 파일 유형 감지
if(!(/(?:jpg|gif|png|jpeg)$/i.test(target.value))) {
Alert("jpg|gif|png|jpeg 형식의 이미지 업로드만 허용");
if(window.ActiveXObject) {//IE의 경우
target.select();//파일을 선택하고 삭제 선택
document.selection.clear();
} else if(window.opera) {//오페라용
target.type="text";target.type="file"; } else target.value="";//for FF,Chrome,Safari
return;
} else {
return; //alert("ok");//여기에서는 아무것도 할 수 없습니다. .
}

//업로드된 파일의 크기 감지
var isIE = /msie/i.test(navigator.userAgent) && !window.opera
var fileSize = 0 ;
if ( isIE && !target.files){
var filePath = target.value;
var fileSystem = new ActiveXObject("Scripting.FileSystemObject")
var file = fileSystem.GetFile( filePath);
fileSize = file.Size;
} else {
fileSize = target.files[0].size;
var size = fileSize / 1024; (size>(500) ){
alert("파일 크기는 500KB를 초과할 수 없습니다.");
if(window.ActiveXObject) {//IE의 경우
target.select();//파일 선택 , 선택 항목 지우기
document.selection.clear();
} else if(window.opera) {//for Opera
target.type="text";target.type="file";
} else {
target.value="";//FF, Chrome, Safari
}
return
}else{
return; >}

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