js 判断文件类型控制表单提交

最新推荐文章于 2020-02-23 17:34:52 发布

angel豆蔻年华

最新推荐文章于 2020-02-23 17:34:52 发布

阅读量1.4k

点赞数

分类专栏： javascript 文章标签： js

本文链接：https://blog.csdn.net/u012635819/article/details/16116709

版权

javascript 专栏收录该内容

19 篇文章 0 订阅

订阅专栏

下面的代码实现的控制表单提交

function shangchuan(){   

      var filepath = document.getElementById("file").value;
      alert(filepath);  
      if(filepath==""){
       alert("请选择上传的文件！"); 
      document.getElementById("file").disabled=true;  
      
    }  
    var extname=filepath.substr(filepath.length-3, filepath.length);
    alert("extname::"+extname); 
    //var extname = filepath.substring(filepath.lastIndexOf(".")+1,filepath.length);
    // extname = extname.toLowerCase();//处理了大小写
    if(extname!= "bmp" && extname!= "jpg" && extname!= "gif"){  
     alert("只能上传bmp,jpg,gif格式的图片！");  
     
     document.getElementById("file").disabled=true;
    }   
    else{
        document.getElementById("file").disabled=false;
   }
   
}

<tr>
			<td><input name="file12" style="width:200px; height: 100px;" type="file" id="file" ></td>
			</tr> 
			 <tr>
			<td align="center"><button  οnclick="shangchuan()" >点击上传</button></td>
			 </tr>