Jquery中文网 www.jquerycn.cn
Jquery中文网 >  脚本编程  >  javascript  >  正文 js判断上传文件类型与大小

js判断上传文件类型与大小

发布时间:2015-04-22   编辑:www.jquerycn.cn
分享一段js代码,用于在客户端判断上传文件类型与上传文件大小,很常用的一段脚本,有需要的朋友可以做个参考。

有朋友部如何用js脚本检测上传文件的类型与大小呢?

这里脚本小编,为大家整理了一个完整示例代码,用来学习判断上传文件类型与大小的方法。

代码:
 

复制代码 代码示例:

//检测文件大小和类型
function fileChange(target){
//检测上传文件的类型
if(!(/(?:jpg|gif|png|jpeg)$/i.test(target.value))) {
alert("只允许上传jpg|gif|png|jpeg格式的图片");
if(window.ActiveXObject) {//for IE
target.select();//select the file ,and clear selection
document.selection.clear();
} else if(window.opera) {//for opera
target.type="text";target.type="file";
} else target.value="";//for FF,Chrome,Safari
return;
} else {
return; //alert("ok");//or you can do nothing here.
}

//检测上传文件的大小
var isIE = /msie/i.test(navigator.userAgent) && !window.opera;
var fileSize = 0;
if (isIE && !target.files){
var filePath = target.value;
var fileSystem = new ActiveXObject("Scripting.FileSystemObject");
var file = fileSystem.GetFile (filePath);
fileSize = file.Size;
} else {
fileSize = target.files[0].size;
}
var size = fileSize / 1024;
if(size>(500)){
alert("文件大小不能超过500KB");
if(window.ActiveXObject) {//for IE
target.select();//select the file ,and clear selection
document.selection.clear();
} else if(window.opera) {//for opera
target.type="text";target.type="file";
} else {
target.value="";//for FF,Chrome,Safari
}
return;
}else{
return;
}
}

您可能感兴趣的文章:
js判断文件类型与文件大小限制上传大小
js判断上传文件类型与大小
常用js验证代码大全(Email、手机号码、身份证号码、文件类型等)
检测上传文件类型与大小的js代码
jquery判断上传文件类型与限制文件大小
JS如何判断上传文件类型
js 判断上传文件大小与格式
js判断上传文件类型与大小(兼容多浏览器)
js判断上传图片类型与大小
js限制文件上传类型(示例)

[关闭]