<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>} <BR>--></style><style false= 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']"); <BR>if(filepath ==unknown||$.trim(filepath)==""){ <BR>fileObject.focus().next().text("ファイルのアップロードを選択してください!"); 🎜>flag=false; <BR>}else{ <BR>var fileArr=filepath.split("\"); <BR>var 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>}else{ <BR>fileObject.next().text(""); <BR><BR>//その他の関連チェックに進む <BR><BR>if(flag){ <BR>alert("ファイルが正常にアップロードされました") <br>} <br>}); ; <br><br>/ --><br></head> <br><br><フォームアクション=" 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"><br></form> /body> <br>< /html> <br><br><br><br>注: jquery import ステートメントをヘッドに追加しても、ブログはインポートされた js ファイルを除外します。 <br> <br>JavaScript でアップロードされたファイル形式をフィルタリングする方法: <br><br><br> </div> <br>コードをコピー<strong></strong><br> コードは次のとおりです: <br> <div class="codetitle"> <span><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" <a style="CURSOR: pointer" data="82184" class="copybut" id="copybut82184" onclick="doCopy('code82184')">"http://www.w3.org/TR/html4/loose.dtd"> ; <u><html> </u><style>-- </a>.errorInfo{ </span>padding-left:5px; 🎜> } </div>--></style><style bogus="1"> .errorInfo{ <div class="codebody" id="code82184">color:red; <br>}< /style> ; <br><script type="text/javascript"><!-- <BR>function validateFile(){ <BR>var flag=true; <BR>var fileObject=document.getElementById("ファイル" ); <BR>var errorObject=document.getElementById("error"); <BR>var filepath=fileObject.value; <BR>if(filepath==unknown||filepath==""){ <BR> fileObject.focus(); <BR>errorObject.innerText="アップロードするファイルを選択してください。"; <BR>flag=false; <BR>var fileArr=filepath.split("\") ; <BR> var fileTArr=fileArr[fileArr.length-1].toLowerCase().split("."); <BR>var fileTArr[fileTArr.length-1]; "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></div>