※ ChatGPTを利用し、要約された質問です（原文：javascriptで .jpg , .jpeg , .pdfファイルであることを判定）
JavaScriptで.jpg, .jpeg, .pdfファイルの判定をする方法
このQ&Aのポイント
JavaScriptを使用して、HTMLのフォームでファイルをアップロードし、そのファイルが.jpg、.jpeg、.pdfフォーマットであるかどうかを判定する方法を紹介します。
アップロードされたファイルが指定のフォーマットでない場合には、アラートメッセージを表示し、アップロードを制限します。
大文字と小文字は区別しない判定を行い、拡張子が.jpg、.jpeg、.pdfであるかどうかを確認します。
javascriptで .jpg , .jpeg , .pdfファイルであることを判定
HTMLのフォーム文で、ファイルをアップロードしてもらい、それが.jpg, .jpeg , .pdf ファイルであった場合のみ、アップロードできるような仕組みをJavascriptを利用して作成中ですが、うまく行きません
（ソース: test.php)
--ここから--
<html></body>
<SCRIPT language="JavaScript">
function mailSubmit(){
if (document.form_mail.upfile.value == "" ) {
alert (" ファイルを選択してください。");
flag = 1;
return;
} else {
if (document.form_mail.upfile.value.match(/[jpg]$/i)||(/[pdf]$/i)){
alert ("添付ファイルはJPEG,PDFに限ります");
flag = 1;
// return;
}
}
if(flag){
return false;
} else {
document.form_mail.submit();
return true;
}
}
</script>
<table>
<!-- === FORMここから === -->
<!-- <FORM METHOD="post" action="<?php print $_SERVER['PHP_SELF']; ?>" NAME="form_mail" ENCTYPE=multipart/form-data> -->
<FORM METHOD="post" action="<?php print $_SERVER['PHP_SELF']; ?>" NAME="form_mail" ENCTYPE=multipart/form-data onSubmit="return mailSubmit()">
ファイル選択<INPUT TYPE=file NAME="upfile" SIZE=50 VALUE=\"$upfile\">
<br>
<INPUT TYPE="button" VALUE=" 送信 " onClick=" javascript:mailSubmit() ">
<INPUT TYPE="button" VALUE=" キャンセル " onClick="javascript:history.back()">
</FORM></body>
</html>
--ここまで--
JPG,JPEG,またはPDFファイルのみにアップロードの許可を与えるにはどうしたらいいでしょうか、(大文字・小文字は不問とします）ご回答いただければ幸いです。
お礼
お返事遅れて申し訳ありません 大変わかりやすいご回答ありがとうございます さっそく試して、結果をご報告させていただきます