Java Script 控制上传文件的类型方法
2013-03-12 10:50
387 查看
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-31j">
<title>Insert title here</title>
<script type="text/javascript">
function chekcFileType(elm){
var elmValue = elm.value;
var flg = false;
if(elmValue != null){
var index = elmValue.indexOf('.');
var fileType = elmValue.substring(index);
if(fileType != null && fileType != ''){
switch(fileType.toLowerCase()){
case".xls":flg=true;break;
case".doc":flg=true;break;
case".gif":flg=true;break;
case".jpg":flg=true;break;
case".jpeg":flg=true;break;
case".tif":flg=true;break;
case".html":flg=true;break;
case".htm":flg=true;break;
case".txt":flg=true;break;
case".pdf":flg=true;break;
}
}
}
if(!flg){
alert("このタイプの添付ファイルは登録できません!!");
elm.outerHTML=elm.outerHTML;
}
}
</script>
</head>
<body>
<input type="file" value="FILE" onChange="chekcFileType(this)"/>
</body>
</html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-31j">
<title>Insert title here</title>
<script type="text/javascript">
function chekcFileType(elm){
var elmValue = elm.value;
var flg = false;
if(elmValue != null){
var index = elmValue.indexOf('.');
var fileType = elmValue.substring(index);
if(fileType != null && fileType != ''){
switch(fileType.toLowerCase()){
case".xls":flg=true;break;
case".doc":flg=true;break;
case".gif":flg=true;break;
case".jpg":flg=true;break;
case".jpeg":flg=true;break;
case".tif":flg=true;break;
case".html":flg=true;break;
case".htm":flg=true;break;
case".txt":flg=true;break;
case".pdf":flg=true;break;
}
}
}
if(!flg){
alert("このタイプの添付ファイルは登録できません!!");
elm.outerHTML=elm.outerHTML;
}
}
</script>
</head>
<body>
<input type="file" value="FILE" onChange="chekcFileType(this)"/>
</body>
</html>
相关文章推荐
- 控制上传文件大小类型
- jQuery简单验证上传文件大小及类型的方法
- Java微信浏览器上传文件使用Base64方法(增加压缩上传方法)
- java ajaxForm 实现文件上传后台成功,页面走error方法
- JAVA 文件上传后台判断浏览器的类型以及JDK1.5和1.6处理的不同
- JAVA读取Excel文件的科学计数类型的解决方法
- PHP上传文件类型彻底判断方案及PHP+nginx上传大小彻底控制方案
- java上传文件以流方式判断类型
- Java流控制文件上传!!!
- 用.NET判断上传文件类型的三种方法,最后一种真正意义上的判断
- java中得到文件MIME类型的几种方法(转)
- JS 控制RadioButtonList 获得上传文件类型后选中
- Java获取文件类型Mime Type的各种方法
- java httpclient文件上传,springmvc作为服务器端接收文件,以及上传中文件名乱码的解决方法
- 【转】PHP上传文件类型彻底判断方案及PHP+nginx上传大小彻底控制方案
- JS判断、控制文件上传的类型
- php限制上传文件类型并保存上传文件的方法
- [导入]限制上传文件类型的两种方法
- Java 通过魔数判断上传文件的类型
- 对于android文件上传中 java.lang.NoClassDefFoundError: org/apache/commons/io/output/DeferredFileOutputStream 的错误解决方法