js验证上传文件扩展名方法收藏

实例1

只能上传jpg图片文件实例

 代码如下 复制代码

<form action="*.jsp" method="post" onsubmit="return check()">
<input type="file" name="file">
<input type="submit" value="上传">
</form>

js代码

function check2()
{
var file = document.getElementsByName("file").value;
if(file=="")
{
alert("请选择文件");
return false;
}
var strTemp = file.split(".");
var strCheck = strTemp[strTemp.length-1];
if(strCheck.toUpperCase()=='JPG')
{
return true;
}else
{
alert('上传文件类型不对!');
return false;
}
}

验证上传文件的扩展名

 代码如下 复制代码

<input type="file" name="file" id="file" onChange="checkFileName(this)">

 function checkFileName(id) {
     var okText = /txt|jpg|xml|zip/i;//这里是允许的扩展名
     var filename = id.value;//得到当前file文件域的值
     var newFileName = filename.split('.'); //这是将文件名以点分开,因为后缀肯定是以点什么结尾的.
     newFileName = newFileName[newFileName.length-1];//这个是得到文件后缀,因为split后是一个数组所以最后的那个数组就是文件的后缀名.newFileName.length为当前的长度,-1则为后缀的位置,因为是从0开始的
     //开始检查后缀
     if (newFileName.search(okText) == -1) {//search如果没有刚返回-1.这个如果newFileName在okText里没有,则为不允许上传的类型. .
         var err=okText.toString();//将正则转为字符
         var errText=err.replace(/^/|/+(.*)/g,"");//用正则替换 / 开头和 /i结束
         var errText=errText.replace(/|/g,",");//用正则把 | 替换成 ,
         alert("请上传为"+errText+"的文件");//提示
         return;
     }

 }

上面的方法都可扩展性比较差,下面我来介绍一个可展示性超强的代码

 代码如下 复制代码

<SCRIPT LANGUAGE="JavaScript">
<!--
// 去左空格
function ltrim(s){
return s.replace( /^s*/, "");
}

// 去右空格
function rtrim(s){
return s.replace( /s*$/, "");
}

// 去左右空格
function trim(s){
return rtrim(ltrim(s));
}

//获取文件扩展名
function get_ext(f_path){
var ext = '';

if(f_path != null && trim(f_path).length > 0){
   f_path = trim(f_path);
   ext = f_path.substring(f_path.lastIndexOf(".") + 1, f_path.length);
}

return ext;
}

//验证文件扩展名
function chk_ext(f_path){
var ext = get_ext(f_path);

//根据需求定制
var accept_ext = new Array("doc", "pdf", "bpm", "jpeg", "jpg", "gif", "ppt", "xls");

var flag = false;

if(ext != ''){
   for(var i=0; i<accept_ext.length; i++){
    if(ext == accept_ext[i])
     flag = true;
   }
}

return flag;
}
//-->
</SCRIPT>

时间: 2024-11-09 03:00:43

js验证上传文件扩展名方法收藏的相关文章

js判断上传文件后缀名是否合法_javascript技巧

本文实例介绍了js判断上传文件后缀名是否合法的详细代码,分享给大家供大家参考,具体内容如下 效果图: 选择文件 选择1.jpg文件 上传成功合法 除图片文件格式以外,其他都是不合法的操作. 具体代码: <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>判断文件上传是否合法</tit

js获取判断上传文件后缀名的示例代码

 本篇文章主要是对js获取判断上传文件后缀名的示例代码进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助  代码如下: function lastname(){  //获取欲上传的文件路径 var filepath = document.getElementById("file1").value;  //为了避免转义反斜杠出问题,这里将对其进行转换 var re = /(+)/g;  var filename=filepath.replace(re,"#");

js获取上传文件的绝对路径实现方法_javascript技巧

在html中 <input type="file" id="importFile" /> <input type="button" onclick="upload()"/> <script> function upload() { var filename = document.getElementById("importFile").value; // 这时的filen

jQuery插件ajaxfileupload.js实现上传文件_jquery

AjaxUpLoad.js的使用实现无刷新文件上传,如图 1.创建页面并编写HTML上传文档:  <div class="uploadFile"> <span id="doc"><input type="text" disabled="disabled" /></span> <input type="hidden" id="hidFileNam

JQuery插件ajaxfileupload.js异步上传文件实例

这篇文章主要介绍了JQuery插件ajaxfileupload.js异步上传文件实例,本文直接给出了HTML代码和JS代码以及后台处理代码,需要的朋友可以参考下     在服务器端做文件上传的过程中,如果使用web服务器短端的上传控件去上传文件的话,会导致页面刷新一次,这样对用户的体验就不是很友好了.ajaxfileupload.js是一款jQuery的异步上传文件插件,使用简单且容易上手. 前置条件:ajaxfileupload.js文件,百度下载一个就行. JS引用:  代码如下: <scr

js判断上传文件类型 格式 扩展名(后缀名)

<!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="content-

js获取判断上传文件后缀名的示例代码_javascript技巧

复制代码 代码如下: function lastname(){ //获取欲上传的文件路径var filepath = document.getElementById("file1").value; //为了避免转义反斜杠出问题,这里将对其进行转换var re = /(\\+)/g; var filename=filepath.replace(re,"#");//对路径字符串进行剪切截取var one=filename.split("#");//获

关于js异步上传文件

好久没登录博客园了,今天来一发分享. 最近项目里有个需求,上传文件(好吧,这种需求很常见,这也不是第一次遇到了).当时第一想法就是直接用form表单提交(原谅我以前就是这么干的),不过表单里不仅有文件还有别的信息需要交互,跟后端商量后决定文件单独上传,获取到服务器端返回的文件地址在和表单一起提交.这里就需要异步上传文件. 在网上扒了扒相关的内容,发现还真不少,阮一峰老师的这篇文章(文件上传的渐进式增强)就介绍的很具体,下面就谈谈自己在实战中遇到的一些问题的感受吧. 先看看效果,实现了哪些功能 (

js实现上传文件添加和删除文件选择框_javascript技巧

本文这里给大家说个用javascript实现的很实用的功能,是在上传附件的时候,可以动态地添加和删除文件选择框,然后一次性上传. 从理论上看,实现起来比较容易,但实际工作的时候还是遇到两个难点,这些难点归结起来都是一个原因造成的,那就是浏览器的兼容性.在脚本中要用到两个函数:insertAdjacentHTML和removeChild,而恰好这两个函数在Firefox下都不能正常使用.几乎花费了一天的时候,在网上搜索着解决的方法,还好被找到了,也让我大松一口气. 具体两个函数是这样的: <scr