`
lichengyezi
  • 浏览: 205431 次
  • 性别: Icon_minigender_1
  • 来自: 齐齐哈尔
文章分类
社区版块
存档分类
最新评论

js 校验上传文件格式

阅读更多
<!--
// 去左空格
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("BMP","JPEG","GIF","PSD","PNG","TIFF","TGA","EPS","JPG");

var flag = false;

if(ext != ''){
   for(var i=0; i<accept_ext.length; i++){
if(ext.toUpperCase() == accept_ext[i])
flag = true;
   }
}
return flag;
}
校验代码
if(!chk_ext(document.all.file1.value)){
alert("不支持此格式!");
return false;
}
分享到:
评论

相关推荐

    js 上传文件校验文件类型和大小

    js 上传图片 校验 文件类型 大小js 上传图片 校验 文件类型 大小js 上传图片 校验 文件类型 大小 js 上传文件校验 js 上传文件校验 js 上传文件校验

    ExtJS验证上传文件类型

    ExtJS 验证上传文件类型 ExtJS 中实现文件上传功能是非常方便的,但对于新手来说,控制文件上传类型是一个难题。例如,我们只想让用户上传特定的文件类型,例如txt文件,那么如何实现当用户上传非txt文件时,给出...

    JS上传文件大小验证.rar

    在Web开发中,JavaScript(JS)常常用于实现前端交互功能,包括文件上传。"JS上传文件大小验证"这个主题涉及到用户在网页上选择文件后,前端先进行文件大小的检查,以防止过大文件导致服务器压力或者用户体验问题。...

    js验证上传图片 大小 格式

    如果上传的文件格式不符合要求,将弹出警告框并阻止进一步的操作;反之,则继续执行后续步骤。 ### 二、图片大小验证 接着,代码还包含了对图片大小的验证。这主要通过获取图片的尺寸(高度和宽度)和文件大小来...

    netty4.0文件分片上传+断点续传+权限校验

    在本文中,我们将深入探讨如何利用Netty 4.0实现文件分片上传、断点续传以及权限校验的功能。 **文件分片上传** 文件分片上传是为了处理大文件传输时,避免一次性加载整个文件到内存中,从而减少内存消耗和提高...

    jquery+validate.js+验证规则文件

    11 accept: 输入拥有合法后缀名的字符串(上传文件的后缀)。 12 maxlength:5 输入长度最多是 5 的字符串(汉字算一个字符)。 13 minlength:10 输入长度最小是 10 的字符串(汉字算一个字符)。 14 rangelength:[5,...

    CRC16校验JS算法(查表法+直接生成法)

    CRC16校验是一种广泛应用的错误检测码,用于确保数据在传输或存储过程中没有发生错误。...通过提供的JS文件和demo.html,你可以深入理解CRC16校验的工作原理,并将其应用于实际的JavaScript项目中。

    本地JS做MD5验证时所需的JS文件

    在JavaScript中,实现MD5验证通常是为了确保文件或数据的原始性,防止被篡改。以下是对这两个关键文件的详细说明: 1. **calculator.worker.md5.js**: 这个文件很可能是一个Web Worker脚本,用于在后台线程中执行...

    POI导入Excel并返回校验后的错误文件(原样)下载以及校验错误信息,同时加进度条

    POI导入Excel并返回校验后的错误文件(原样数据文件,并添加批注,注:由于批注只能加1000条,会在Excel后面添加一栏错误信息)下载以及页面展示校验错误信息,同时添加导入进度条,提供页面js和css代码,后端...

    javascript实现限制上传文件大小

    本篇介绍一个前端JS便捷判断上传文件大小的方法。 这个是比较好的 &lt;html&gt; &lt;head&gt; &lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8"/&gt; [removed] var isIE = /msie/i.test...

    php JS大文件上传

    为了实现这个功能,我们还需要考虑一些额外的点,如错误处理、断点续传(如果用户中断上传,下次可以从中断的地方继续)、文件的MD5校验(确保上传的文件完整无误)以及安全措施(防止恶意文件上传)。在PHP中,可以...

    图片上传校验

    开发者可以通过编程语言(如Java、Python、JavaScript等)检查文件扩展名,确保上传的文件是合法的图片格式。 2. **大小限制**:为了避免服务器被大文件占用或者防止恶意攻击,会设置图片大小上限。例如,可以设置...

    身份证格式校验纯JS

    标题中的“身份证格式校验纯JS”指的是使用JavaScript语言实现的身份证号码合法性验证功能。在网页开发中,这种校验通常用于用户输入表单时,确保用户提供的身份证号码符合中国公民身份证号码的规则,从而提高数据...

    javascript实现校验文件上传控件实例

    需要注意的是,即使客户端的JavaScript校验非常有用,服务器端仍然应该进行必要的文件类型检查。这是因为客户端校验可以被绕过,不能保证其安全性。因此,始终需要在服务器端进行额外的校验,确保上传的文件类型与...

    Vue.js实现大文件分片md5断点续传.docx

    Vue.js 实现大文件分片 md5 断点续传可以解决文件上传的问题,确保文件上传的可靠性和高效性。使用 Plupload 上传组件和 SparkMD5 库,可以实现大文件分片 md5 断点续传,提高文件上传的可靠性和效率。

    页面的数据校验JS和HTML

    #### JavaScript校验 虽然HTML提供了基本的校验功能,但更复杂的校验逻辑通常需要JavaScript来实现。在代码中,可以看到`onSubmit`事件处理器调用了`Validator.Validate`函数,这表明存在一个名为Validator的...

    vue表单验证validate.min.js使用例子,formdata 文件上传表单提交

    在Vue.js应用中,表单验证是不可或缺的一部分,它确保用户输入的数据符合预期的格式和规则,从而提高数据质量和用户体验。`validate.min.js`是一个强大的表单验证库,它可以让我们自定义验证规则并提供中文错误提示...

    利用javascript/jquery对上传文件格式过滤的方法

    利用javascript/jquery对上传文件格式过滤的方法 在web应用中,上传文件格式的过滤是非常重要的。对于上传文件格式的过滤,我们可以使用javascript和jquery来实现。下面我们将介绍利用javascript/jquery对上传文件...

    AjaxUpLoad.js实现文件上传功能

    在onSubmit事件中可以设置文件上传前的校验逻辑,比如文件格式和文件大小的校验。如果校验不通过,可以通过弹窗通知用户,并返回false阻止上传。onComplete事件会在文件上传完成之后触发,根据服务器返回的结果,...

Global site tag (gtag.js) - Google Analytics