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

喜欢就吃掉

喜欢就吃掉

2016-02-19 15:44

图老师小编精心整理的利用javascript/jquery对上传文件格式过滤的方法希望大家喜欢,觉得好的亲们记得收藏起来哦!您的支持就是小编更新的动力~
代码如下:
!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"
html
head
style!--
.errorInfo{
color:red;
padding-left:5px;
}
--/stylestyle bogus="1" .errorInfo{
color:red;
padding-left:5px;
}/style
script type="text/javascript"!--
$(function(){
$("#DataReport").click(function(){
//上传文件不能为空,格式必须为xsl和xlsx
var flag=true;
var fileObject=$("input[name='file']");
var filepath=$("input[name='file']").val();
if(filepath==undefined||$.trim(filepath)==""){
fileObject.focus().next().text("请选择上传文件!");
flag=false;
}else{
var fileArr=filepath.split("\");
var fileTArr=fileArr[fileArr.length-1].toLowerCase().split(".");
var filetype=fileTArr[fileTArr.length-1];
if(filetype!="xls"&&filetype!="xlsx"){
fileObject.focus().next().text("上传文件必须为Excel文件!");
flag=false;
}else{
fileObject.next().text("");
}
}

//进行其他相关校验

if(flag){
alert("文件上传成功");
}
});
});

// --/script

/head
body
form action="#" method="POST" enctype="multipart/form-data"
divinput type="file" name="file"span class='errorInfo'/span/div
divinput type="button" value="上传" id="DataReport"/div
/form
/body
/html

注:在head中加入jquery的引入语句,博客还是会过滤掉引入的js文件。
javascript中对上传文件格式过滤的方法:
代码如下:
!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd"
html
head
style!--
.errorInfo{
color:red;
padding-left:5px;
}
--/stylestyle bogus="1" .errorInfo{
color:red;
padding-left:5px;
}/style
script type="text/javascript"!--
function validateFile(){
var flag=true;
var fileObject=document.getElementById("file");
var errorObject=document.getElementById("error");
var filepath=fileObject.value;
if(filepath==undefined||filepath==""){
fileObject.focus();
errorObject.innerText="请选择上传文件!";
flag=false;
}else{
var fileArr=filepath.split("\");
var fileTArr=fileArr[fileArr.length-1].toLowerCase().split(".");
var filetype=fileTArr[fileTArr.length-1];
if(filetype!="xls"&&filetype!="xlsx"){
fileObject.focus();
errorObject.innerText="上传文件必须为Excel文件!";
flag=false;
}else{
errorObject.innerText="";
}
}
//进行其他相关校验
if(flag){
alert("文件上传成功");
}
}
// --/script
/head
body
form action="#" method="POST" enctype="multipart/form-data"
divinput type="file" id="file"span id="error" class='errorInfo'/span/div
divinput type="button" value="上传" id="DataReport" onclick="validateFile()"/div
/form
/body
/html
展开更多 50%)
分享

猜你喜欢

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

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

Photoshop的文件格式

PS PS教程
Photoshop的文件格式

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

AVI文件格式

编程语言 网络编程
AVI文件格式

qtm是什么文件格式

电脑入门
qtm是什么文件格式

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

PE文件格式详解(4)

编程语言 网络编程
PE文件格式详解(4)

PE文件格式详解(1)

编程语言 网络编程
PE文件格式详解(1)

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

建立与Oracle数据库服务器连接的两种连接模式(专用服务器与共享

建立与Oracle数据库服务器连接的两种连接模式(专用服务器与共享

Oracle:一条SQL实现将多行数据并为一行显示

Oracle:一条SQL实现将多行数据并为一行显示
下拉加载更多内容 ↓