<div class="codetitle"> <span><a style="CURSOR: pointer" data="90470" class="copybut" id="copybut90470" onclick="doCopy('code90470')"><u>코드 복사</u></a></span> 코드는 다음과 같습니다.</div> <div class="codebody" id="code90470"> <br><!DOCTYPE HTML PUBLIC "-//W3C/ /DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <br><html> <br><head> <br><style> ;< !-- <BR>.errorInfo{ <BR>color:red <BR>padding-left:5px <BR>} <BR>--></style><style bogus=" 1"> ; .errorInfo{ <br>color:red; <br>padding-left:5px; <br>}</style> <br><script type="text/javascript"><! -- <BR>$(function(){ <BR>$("#DataReport").click(function(){ <BR>//업로드된 파일은 비워둘 수 없으며 형식은 xsl 및 xlsx여야 합니다 <BR>var flag=true; <BR>var fileObject=$("input[name='file']") <BR>var filepath=$("input[name='file']").val(); <BR>if(filepath ==undefine||$.trim(filepath)==""){ <BR>fileObject.focus().next().text("파일을 업로드하도록 선택하세요!") <BR>flag=false; <BR>}else{ <BR>var fileArr=filepath.split("\"); <BR>var fileTArr=fileArr[fileArr.length-1].toLowerCase().split(". "); <BR>var filetype =fileTArr[fileTArr.length-1]; <BR>if(filetype!="xls"&&filetype!="xlsx"){ <BR>fileObject.focus().next(). text("업로드된 파일은 Excel 파일이어야 합니다! "); <BR>flag=false; <BR>}else{ <BR>fileObject.next().text(""); <BR><BR>//기타 관련 확인 진행 <br><br>if(flag){ <br>alert("파일이 성공적으로 업로드되었습니다.") <br>} <BR>}); ; <BR><BR>/ / --></script> <br><br></head> <br><form action="#" method=" POST" enctype="multipart/form -data"> <br><div><input type="file" name="file"><span class='errorInfo'></span> </div> <br> <input type="button" value="Upload" id="DataReport"> <br></form> <BR>< /body> <br>< /html> <br><br><br><br>참고: 헤드에 jquery import 문을 추가하면 블로그에서 가져온 js 파일을 필터링합니다. <br> JavaScript에서 업로드된 파일 형식을 필터링하는 방법: <br><strong></strong><br><br>코드 복사<div class="codetitle"> <span><a style="CURSOR: pointer" data="82184" class="copybut" id="copybut82184" onclick="doCopy('code82184')"> 코드는 다음과 같습니다. <u> </u></a><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" </span>"http://www.w3.org/TR/html4/loose.dtd"> ; </div><html> <div class="codebody" id="code82184"><head> <br><style><!-- <BR>.errorInfo{ <BR>padding-left:5px; 🎜> } <BR>--></style><style bogus="1"> .errorInfo{ <br>color:red <br>padding-left:5px; /style> ; <br><script type="text/javascript"><!-- <BR>function verifyFile(){ <BR>var flag=true; <BR>var fileObject=document.getElementById(" file" ); <BR>var errorObject=document.getElementById("error"); <BR>var filepath=fileObject.value; <BR>if(filepath==undefine||filepath==""){ <BR> fileObject.focus(); <BR>errorObject.innerText="업로드할 파일을 선택하세요!" <BR>flag=false; <BR>}else{ <BR>var fileArr=filepath.split("\") ; <BR> var fileTArr=fileArr[fileArr.length-1].toLowerCase().split(".") <BR>var filetype=fileTArr[fileTArr.length-1] <BR>if(filetype!= "xls"&&filetype !="xlsx"){ <BR>fileObject.focus(); <BR>errorObject.innerText="업로드된 파일은 Excel 파일이어야 합니다! "; <BR>flag=false; <BR>}else{ <BR>errorObject.innerText=""; <BR>} <BR>} <BR>//기타 관련 확인 수행<BR>if(flag) { <BR>alert("파일이 성공적으로 업로드되었습니다.") <BR>} <BR>} <BR>// --></script> <br></head> 🎜><form action="#" method="POST" enctype="multipart/form-data"> <br><div><input type="file" id="file"< span id="error" class='errorInfo'></span></div> <br><div><input type="button" value="Upload" id="DataReport" onclick = "validateFile()"></div> <br></body> <br></html><br><br> </div>