<div class="codetitle"> <span><a style="CURSOR: pointer" data="90470" class="copybut" id="copybut90470" onclick="doCopy('code90470')"><u>Copy code</u></a></span> The code is as follows:</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>//The uploaded file cannot be empty, and the format must be xsl and xlsx <BR>var flag=true; <BR>var fileObject=$("input[name='file']"); <BR>var filepath=$("input[name='file']").val(); <BR>if(filepath ==undefined||$.trim(filepath)==""){ <BR>fileObject.focus().next().text("Please choose to upload a file!"); <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("The uploaded file must be Excel File! "); <BR>flag=false; <BR>}else{ <BR>fileObject.next().text(""); <BR>} <BR>} <br><br>//Proceed Other related checks <br><br>if(flag){ <BR>alert("File uploaded successfully"); <BR>} <BR>}); <BR>}); <br><br>/ / --></script> <br><br></head> <br><body> <br><form action="#" method="POST" enctype="multipart/form -data"> <br><div><input type="file" name="file"><span class='errorInfo'></span></div> <br> <div><input type="button" value="Upload" id="DataReport"></div> <br></form> <br></body> <br>< /html> <br> </div> <br><strong>Note: If you add the jquery import statement in the head, the blog will still filter out the imported js files. </strong> <br>How to filter uploaded file formats in JavaScript: <br><div class="codetitle"> <span><a style="CURSOR: pointer" data="82184" class="copybut" id="copybut82184" onclick="doCopy('code82184')"><u>Copy code</u></a></span> The code is as follows: </div> <div class="codebody" id="code82184"> <br><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" <BR>"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 validateFile(){ <BR>var flag=true; <BR>var fileObject=document.getElementById("file" ); <BR>var errorObject=document.getElementById("error"); <BR>var filepath=fileObject.value; <BR>if(filepath==undefined||filepath==""){ <BR>fileObject. focus(); <BR>errorObject.innerText="Please select a file to upload!"; <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="The uploaded file must be an Excel file! "; <BR>flag=false; <BR>}else{ <BR>errorObject.innerText=""; <BR>} <BR>} <BR>//Perform other related verifications<BR>if(flag) { <BR>alert("File uploaded successfully"); <BR>} <BR>} <BR>// --></script> <br></head> <br><body> <br><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></form> <br></body> <br></html><br> </div>
