JavaScript限制上传文件类型的代码
法一:
function doCheck(){
var file = $("#fileName").val();
if(file == '' || file == null) {
$("#error").html("请选择所要上传的文件!");
} else {
var index = file.lastIndexOf(".");
if(index < 0) {
$("#error").html("上传的文件格式不正确,请选择97-2003Excel文件(*.xls)!");
} else {
var ext = file.substring(index + 1, file.length);
if(ext != "xls") {
$("#error").html("上传的文件格式不正确,请选择97-2003Excel文件(*.xls)!");
} else {
$("#error").hide();
return true;
}
}
}
return false;
}
本代码可以在客户端限制用户选择的上传文件类型
要完成此效果需要两个步骤
第一步:把如下代码加入到<head>区域中
01 | < SCRIPT LANGUAGE = "JavaScript" > |
02 |
03 | /***************************************************** |
04 | * Share JavaScript (http://www.ShareJS.com) |
05 | * 使用此脚本程序,请保留此声明 |
06 | * 获取此脚本以及更多的JavaScript程序,请访问http://www.ShareJS.com |
07 | ******************************************************/ |
08 | |
09 | <!-- Begin |
10 | extArray = new Array(".gif", ".jpg", ".png"); |
11 | function LimitAttach(form, file) { |
12 | allowSubmit = false; |
13 | if (!file) return; |
14 | while (file.indexOf("\\") != -1) |
15 | file = file.slice(file.indexOf("\\") + 1); |
16 | ext = file.slice(file.indexOf(".")).toLowerCase(); |
17 | for (var i = 0; i < extArray.length; i++) { |
18 | if (extArray[i] == ext) { allowSubmit = true; break; } |
19 | } |
20 | if (allowSubmit) form.submit(); |
21 | else |
22 | alert("对不起,只能上传以下格式的文件: " |
23 | + (extArray.join(" ")) + "\n请重新选择符合条件的文件" |
24 | + "再上传."); |
25 | } |
26 | // End --> |
27 | </ script > |
第二步:把如下代码加入到<body>区域中
01 | < script > |
02 | document.write(extArray.join(" ")); |
03 | </ script > |
04 | < p > |
05 |
06 | < form method = post name = upform action = "http://www.sharejs.com" enctype = "multipart/form-data" > |
07 | < input type = file name = uploadfile > |
08 | < p > |
09 | < input type = button name = "Submit" value = "Submit" onclick = "LimitAttach(this.form, this.form.uploadfile.value)" > |
10 |
|