본 글의 예시에서는 업로드된 파일의 접미사 이름이 합법인지 판단하기 위한 js의 세부 코드를 소개하고 있으며, 참고용으로 모두에게 공유합니다
렌더링:
파일 선택
1.jpg 파일을 선택하세요
성공적이고 합법적인 업로드
이미지 파일 형식을 제외한 모든 작업은 불법입니다.
구체 코드:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>判断文件上传是否合法</title>
<script type="text/javascript">
//3、（字符）检查文件上传表单控件，如果含有[jpg,jpeg,gif,png]则显示“文件类型合法”，否则“显示文件类型错误”
function checkFileExt(filename)
{
var flag = false; //状态
var arr = ["jpg","png","gif"];
//取出上传文件的扩展名
var index = filename.lastIndexOf(".");
var ext = filename.substr(index+1);
//循环比较
for(var i=0;i<arr.length;i++)
{
if(ext == arr[i])
{
flag = true; //一旦找到合适的，立即退出循环
break;
}
}
//条件判断
if(flag)
{
document.write("文件名合法");
}else
{
document.write("文件名不合法");
}
}
</script>
</head>
<body>
<form name="form1" method="post" enctype="multipart/form-data">
上传头像：<input type="file" name="uploadFile" onchange="checkFileExt(this.value)" />
</form>
<input type="button" value="返回上一页" onclick="javascript:history.go(-1)" />
</body>
</html>
이 기사가 자바스크립트 프로그래밍을 배우는 모든 사람에게 도움이 되기를 바랍니다.
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
