当前位置: 首页 > 图文教程 > 网络编程 > Javascript > 利用javascript/jquery对上传文件格式过滤的方法

Javascript
比较平滑的js控制textaera的高度
对JavaScript的eval()中使用函数的进一步讨论
发一个自己用JS写的实用看图工具实现代码
用JS操作FRAME中的IFRAME及其内容的实现代码
用vbs实现的连连看在线游戏
用js生产批量批处理执行命令
[原创]js判断ie方法集锦（含正则）代码短小经典
js tr控制下面的tbody隐藏和显示
javascript网页关键字高亮代码
js控制框架刷新
效率高的Javscript字符串替换函数的benchmark
javascript之更有效率的字符串替换
很可爱的输入框
javascript基于jQuery的表格悬停变色/恢复,表格点击变色/恢复,点击行选Checkbox
top.location.href 没有权限 解决方法
js模拟弹出效果代码修正版
javascript 输入框提示列表效果
Div Select挡住的解决办法
二级域名或跨域共享Cookies的实现方法
Javascript与flash交互通信基础教程

No. « 105 106 107 108 »

技术文章搜索

关键字

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

出处:互联网   整理: 软晨网（RuanChen.com）   发布: 2009-09-12   浏览: 357 ::
收藏到网摘: n/a

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;
}
--></style><style 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">
<div><input type="file" name="file"><span class='errorInfo'></span></div>
<div><input 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;
}
--></style><style 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">
<div><input type="file" id="file"><span id="error" class='errorInfo'></span></div>
<div><input type="button" value="上传" id="DataReport" onclick="validateFile()"></div>
</form>
</body>
</html>