利用javascript/jquery对上传文件格式过滤的方法
图老师小编精心整理的利用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