分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 技术分享

判断input[type=file]上传文件格式

发布时间:2023-09-06 01:20责任编辑:胡小海关键词:暂无标签
input type="file" ?在js中判断文件上传类型 ???function onSubmit(){ ?????????????var form1 = document.forms[0]; ?????????????????????????var file = document.forms[0].getfile.value; ?????????????????if (file == null||file == ""){ ??????????????????????alert("请选择要上传的图片!"); ??????????????????????return false; ?????????????????} ?????????????????if (file.lastIndexOf(‘.‘)==-1){ ???//如果不存在"." ???????????????????????alert("路径不正确!"); ?????????????????????return false; ?????????????????} ?????????????????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 false; ?????????????????} ?????????????????document.forms[0].submit(); ??????????} ?

  

  1. input type="file"  
  2. 在js中判断文件上传类型  
  3.   
  4. function onSubmit(){  
  5.             var form1 = document.forms[0];          
  6.                 var file = document.forms[0].getfile.value;  
  7.                 if (file == null||file == ""){  
  8.                      alert("请选择要上传的图片!");  
  9.                      return false;  
  10.                 }  
  11.                 if (file.lastIndexOf(‘.‘)==-1){    //如果不存在"."    
  12.                     alert("路径不正确!");  
  13.                     return false;  
  14.                 }  
  15.                 var AllImgExt=".jpg|.jpeg|.gif|.bmp|.png|";  
  16.                 var extName = file.substring(file.lastIndexOf(".")).toLowerCase();//(把路径中的所有字母全部转换为小写)          
  17.                 if(AllImgExt.indexOf(extName+"|")==-1)          
  18.                 {  
  19.                     ErrMsg="该文件类型不允许上传。请上传 "+AllImgExt+" 类型的文件,当前文件类型为"+extName;  
  20.                     alert(ErrMsg);  
  21.                     return false;  
  22.                 }  
  23.                 document.forms[0].submit();  
  24.          }  

判断input[type=file]上传文件格式

原文地址:http://www.cnblogs.com/DreamerLeaf/p/7728579.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved