JS验证上传文件类型

<! DOCTYPE HTML PUBLIC  " -//W3C//DTD HTML 4.0 Transitional//EN " >
< HTML >
< HEAD >
< TITLE >  upload  </ TITLE >
< META NAME = " Generator "  CONTENT = " EditPlus " >
< META NAME = " Author "  CONTENT = "" >
< META NAME = " Keywords "  CONTENT = "" >
< META NAME = " Description "  CONTENT = "" >
</ HEAD >

< BODY >
< FORM ACTION = " load.jsp "  METHOD = " POST "  ENCTYPE = " mutipart/form-data "  name = " myform " >
 请选择上传文件:
< INPUT TYPE = " file "  NAME = " picture " />
< INPUT TYPE = " button "  value = " 提 交 "  onclick = " check(myform); " />
< INPUT TYPE = " button "  value = " 取 消 "  onclick = " window.close(); " />
</ FORM >
</ BODY >
</ HTML >
< script language = " javascript " >
function  isEmpty(str){
 
for ( var  i = 0 ;i < str.length;i ++ ){
  
if (str.charAt(i) !== "   " ){
    
return   false ;
  }
 }
 
return   true ;
}
function  check(form){
 
var  fileName  =  form.picture.value;
 
if (isEmpty(fileName)){
    alert(
" 请选择文件名 " );
    form.picture.focus();
    
return   false ;
 }
 
// lastIndexOf如果没有搜索到则返回为-1
     if (fileName.lastIndexOf( " . " ) !=- 1 )
 {
    
var  fileType  =  (fileName.substring(fileName.lastIndexOf( " . " ) + 1 ,fileName.length)).toLowerCase();
       
var  suppotFile  =   new  Array();
    suppotFile[
0 =   " gif " ;
    suppotFile[
1 =   " bmp " ;
    suppotFile[
2 =   " jpg " ;
    
for ( var  i  = 0 ;i < suppotFile.length;i ++ ){
       
if (suppotFile[i] == fileType){
     
return   true ;
    }
else {
   
continue ;
    }
  }
  alert(
" 不支持文件类型 " + fileType);
  
return   false ;
 }
else
 {
  alert(
" 文件只支持JIF,BMP,JPG " );
 }
}
</ script >
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值