Javascript实现限制上传文件的大小。
它经常用于项目上传文件、照片等功能,以及限制上传文件的大小。许多插件使用后端请求验证,前端JS检查较少。本文介绍了一种方便的方法来确定由前端JS上传的文件的大小。
代码非常简单,关键是如何使用js获取文件并获取文件的大小,然后判断截取。由于各种历史原因,IE的ActiveX控件因子,获取文件的方式可能不同于其他浏览器,所以这只是一点点判断。
JS代码:
复制代码代码如下所示:
要确定是否IE浏览器: / / / i.test MSIE(导航。用户代理)是一个简单的规则
无功议= / / i.test MSIE(导航。用户代理)!Window.opera;
功能filechange(目标){
var文件大小= 0;
如果(议!目标文件)
var文件路径= / / target.value;得到绝对路径上传文件
* ActiveX对象对象是兼容IE、Opera JS对象
*使用:
*无功newobj =新的ActiveX对象(ServerName。typename { },位置)
* newobj是必须的。返回的ActiveX对象的对象变量名。
*服务器是一个必然的选择。该应用程序提供的对象的名称。
* typename是必然的选择。类型或类的对象被创建。
*位置是可选的。创建对象的网络服务器的名称。
*
* scripting.filesystemobject是一个内置的组件IIS,用于操作的磁盘、文件夹,或文本文件,
* newobj方法和属性,收益是非常
*如:var文件= newobj.createtextfile(C:测试.txt
*文件。写入(写内容);文件。关闭();
* /
VAR系统=新的ActiveX对象(脚本。FileSystemObject );
/ / GetFile(路径)从磁盘和收益获得一个文件的方法。
var文件= filesystem.getfile(路径);
文件大小=文件大小; / /文件大小,单位:B
}
否则{ IE浏览器
FileSize = target.files{0}.size;
}
无功大小=文件大小/ 1024 / 1024;
如果(大小> 1){
警报(附件不能大于1M);
}
}
HTML代码
复制代码代码如下所示:
一种简单、方便、快捷的方法来估计使用JS文件大小是确定代码的ActiveX对象,对象感兴趣的可以研究,可以根据不同的参数返回一个不同的对象,通常的目标函数和函数是非常有用的和强大的。
这篇文章在这里,不是一个非常简单实用的代码,希望大家能喜欢它。