javascript实现限制上传文件大小_javascript技巧
程序员文章站
2022-04-23 13:03:01
...
前言:
项目中经常用到需要上传文件、照片等功能,同时需要限制所上传文件的大小。很多插件都会采用后台请求验证,前端Js校验比较少。本篇介绍一个前端JS便捷判断上传文件大小的方法。
代码很简单,关键就是怎么用JS拿到文件然后获取文件大小,进而去判断拦截。由于各种历史原因,IE的ActiveX控件因素,获取文件的方法可能和其他浏览器有所不同,所以只需稍加判断即可。
JS代码:
复制代码 代码如下:
HTML代码
复制代码 代码如下:
一个 简单、轻便、快捷 的用JS代码来判断文件大小的方法就OK了,至于ActiveXObject对象感兴趣的可以去深究,它可以根据入参的不同返回不同的对象,通常该对象的功能和作用也是非常有用和强大的。
本文内容就到这里了,是不是非常简单实用的代码呢,希望大家能够喜欢。
推荐阅读
-
javascript 文本框水印/占位符(watermark/placeholder)实现方法_javascript技巧
-
js实现网站首页图片滚动显示_javascript技巧
-
从URL中提取参数与将对象转换为URL查询参数的实现代码_javascript技巧
-
javascript 简单抽屉效果的实现代码_javascript技巧
-
js 得到文件后缀(通过正则实现)_javascript技巧
-
PHP 上传文件大小限制_php技巧
-
静态页面也可以实现预览 列表不同的显示方式[原创]_javascript技巧
-
js实现点击注册按钮开始读秒倒计时的小例子_javascript技巧
-
js实现div的切换特效上一个下一个_javascript技巧
-
复选框全选与全不选操作实现思路_javascript技巧