当前位置:软件学堂 > 资讯首页 > 网络编程 > 编程其他 > JS判断上传文件的类型

JS判断上传文件的类型

2012/11/10 19:26:53作者:佚名来源:网络

移动端

【实例名称】

JS判断上传文件的类型

【实例描述】

上传文件的时候,为了确保选择文件的正确性,需要判断文件的类型。本例使用正则表达式判断文件类型。

【实例代码】

<html xmlns="http://www.w3.org/1999/xhtml" > <head> <title>标题页-学无忧(www.xue51.com)</title> </head> <body> <input type=file onchange="alert(this.value.match(/^(.*)(\.)(.{1,8})$/)[3]+'类型')"> </body> </html>

【运行效果】

 判断上传文件的类型运行效果

【难点剖析】

本例的重点主要包括file上传控件的使用,选择文件后触发的事件,判断文件类型的正则表达式。file上传控件可以弹出一个对话框,允许用户选择所有类型的文件。当用户选择完文件后触发“onChange”事件。正则表达式主要是通过对文件名中小数点的判断获取文件的类型。

【源码下载】

为了JS代码的准确性,请点击:JS判断上传文件的类型 进行本实例源码下载 

标签: 上传