js判断上传文件的类型和大小示例代码

 更新时间:2013年10月18日 15:29:40   作者:  
上传文件的类型和大小可以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自定义方法通过隐藏iframe实现文件下载

    js自定义方法通过隐藏iframe实现文件下载

    通过隐藏iframe实现文件下载,不可思议吧,但确实是可以实现的,不懂的看下代码,或许可以帮助到你,而且此功能是用js实现的,感兴趣的你可不要错过了哈
    2013-02-02
  • JS字符串函数扩展代码

    JS字符串函数扩展代码

    JS字符串函数扩展代码,大家可以参考下prototype的使用方法,扩展自己的字符串处理函数。
    2011-09-09
  • JavaScript使用function定义对象并调用的方法

    JavaScript使用function定义对象并调用的方法

    这篇文章主要介绍了JavaScript使用function定义对象并调用的方法,实例分析了javascript中function定义及使用对象与方法的相关技巧,需要的朋友可以参考下
    2015-03-03
  • JMenuTab简单使用说明

    JMenuTab简单使用说明

    JMenuTab简单使用说明参数
    2008-03-03
  • JavaScript简单判断复选框是否选中及取出值的方法

    JavaScript简单判断复选框是否选中及取出值的方法

    这篇文章主要介绍了JavaScript简单判断复选框是否选中及取出值的方法,涉及javascript遍历复选框及元素取值的相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-08-08
  • JavaScript事件对象event用法分析

    JavaScript事件对象event用法分析

    这篇文章主要介绍了JavaScript事件对象event用法,结合实例形式分析了事件对象event中常用的属性、方法、相关操作技巧与注意事项,需要的朋友可以参考下
    2018-07-07
  • js放大镜放大购物图片效果

    js放大镜放大购物图片效果

    这篇文章主要为大家详细介绍了基于JavaScript实现放大镜放大购物图片效果,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-01-01
  • layui+ssm实现数据表格双击编辑更新数据功能

    layui+ssm实现数据表格双击编辑更新数据功能

    在使用layui加载后端数据请求时,对数据选项框进行双击即可实现数据的输入编辑更改,本文结合示例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友参考下吧
    2023-12-12
  • JavaScript实现随机点名器

    JavaScript实现随机点名器

    这篇文章主要为大家详细介绍了JavaScript实现随机点名器,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-03-03
  • 利用JS实现AI自动玩贪吃蛇

    利用JS实现AI自动玩贪吃蛇

    这篇文章主要为大家详细介绍了如何利用JS实现AI版自动玩贪吃蛇小游戏,文中的示例代码讲解详细,对我们学习JS游戏开发有一定帮助,需要的可以参考一下
    2022-06-06

最新评论