81,091
社区成员
发帖
与我相关
我的任务
分享
function onSubmit(){
var form1 = document.forms[0];
var file = document.forms[0].FILE1.value;
if (file == null||file == ""){
alert("请选择要上传的图片!");
return;
}
if (file.lastIndexOf('.')==-1){
alert("路径不正确!");
return;
}
var AllImgExt=".jpg|.jpeg|.gif|.bmp|.png|";
var extName = file.substring(file.lastIndexOf(".")).toLowerCase();
if(AllImgExt.indexOf(extName+"|")==-1)
{
ErrMsg="该文件类型不允许上传。请上传 "+AllImgExt+" 类型的文件,当前文件类型为"+extName;
alert(ErrMsg);
return;
}
document.forms[0].submit();
}
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>利用JS代码限制允许上传的文件扩展名</title>
<script Language="JavaScript" Type="text/javascript">
function uploadform_Validator(myuploadform)
{
if(document.all.uploadfile.value=="")//检查是否提交了上传文件 否弹出提示 不需要这一功能的删除即可
{
alert("没有选择上传的文件!");
myuploadform.uploadfile.focus();
return false;
}
var last=myuploadform.uploadfile.value.match(/^(.*)(\.)(.{1,8})$/)[3];//截取提交上传文件的扩展名
last=last.toUpperCase(); //设置允许上传文件的扩展名
if(last=="DOC")
{
//这里可以添加显示格式正确后的代码
}
else
{
alert("只允许上传 .DOC 文件,请重新选择需要上传的文件!");
return false;
}
return true;
}
</script>
</head>
<body>
<form method="POST" enctype="multipart/form-data" action="xxx.xxx" onsubmit="return uploadform_Validator(this)" laguage="JavaScript" name="uploadform">
<input type="file" name="uploadfile">
<input type="submit" value="上传" name="submit" class="s02">
</form>
</body>
</html>