根据文件后缀名判断上传文件是否合法

本文介绍了一种使用JavaScript实现的简单方法,用于在客户端验证用户欲上传的文件是否为图片格式(如jpg、gif或bmp)。通过解析文件路径并提取文件扩展名来判断文件类型。

http://shuxiao.blog.51cto.com/84971/36132

function lastname(){

 //获取欲上传的文件路径

var filepath = document.getElementById("file1").value; 

//为了避免转义反斜杠出问题,这里将对其进行转换

var re = /(\\+)/g; 

var filename=filepath.replace(re,"#");

//对路径字符串进行剪切截取

var one=filename.split("#");

//获取数组中最后一个,即文件名

var two=one[one.length-1];

//再对文件名进行截取,以取得后缀名

var three=two.split(".");

 //获取截取的最后一个字符串,即为后缀名

var last=three[three.length-1];

//添加需要判断的后缀名类型

var tp ="jpg,gif,bmp,JPG,GIF,BMP";

//返回符合条件的后缀名在字符串中的位置

var rs=tp.indexOf(last);

//如果返回的结果大于或等于0,说明包含允许上传的文件类型

if(rs>=0){

 return true;

 }else{

 alert("您选择的上传文件不是有效的图片文件!");

 return false;

  }

}

 

备注说明:

1.先将该脚本保存成一个JS文件,然后包含到上传文件的页面当中;

2.在上传页面的表单中加入onsubmit="return lastname()"

本文出自 “三友网络技术工作室” 博客,请务必保留此出处http://shuxiao.blog.51cto.com/84971/36132本文出自 51CTO.COM技术博客

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值