js 验证文件大小

最新推荐文章于 2023-11-14 09:33:21 发布
最新推荐文章于 2023-11-14 09:33:21 发布
阅读量292 收藏
点赞数
分类专栏： js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/a179952270/article/details/48497517
版权
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"" http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
<html xmlns=" http://www.w3.org/1999/xhtml"> 
    <head> 
    <meta name="DEscription" contect="my code demo" /> 
    <meta name="Author" contect=" Michael@www.micmiu.com" /> 
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
    <title>js check file size @ www.micmiu.com</title> 
    </head> 
    <body> 
       <img id="tempimg" dynsrc="" src="" style="display:none" /> 
        <input type="file" name="file" id="fileuploade" size="40" /> 
        <input type="button" name ="check" value="checkfilesize" οnclick="checkfile()"/> 
 
    </body> 
    <script type="text/javascript"> 
        var maxsize = 2*1024*1024;//2M 
        var errMsg = "上传的附件文件不能超过2M！！！"; 
        var tipMsg = "您的浏览器暂不支持计算上传文件的大小，确保上传文件不要超过2M，建议使用IE、FireFox、Chrome浏览器。"; 
        var  browserCfg = {}; 
        var ua = window.navigator.userAgent; 
       if (ua.indexOf("MSIE")>=1){ 
            browserCfg.ie = true; 
        }else if(ua.indexOf("Firefox")>=1){ 
            browserCfg.firefox = true; 
       }else if(ua.indexOf("Chrome")>=1){ 
            browserCfg.chrome = true; 
        } 
        function checkfile(){ 
            try{ 
               var obj_file = document.getElementById("fileuploade"); 
               if(obj_file.value==""){ 
                   alert("请先选择上传文件"); 
                  return; 
               } 
                var filesize = 0; 
                if(browserCfg.firefox || browserCfg.chrome ){ 
                    filesize = obj_file.files[0].size; 
                }else if(browserCfg.ie){ 
                    var obj_img = document.getElementById('tempimg'); 
                   obj_img.dynsrc=obj_file.value; 
                   filesize = obj_img.fileSize; 
               }else{ 
                    alert(tipMsg); 
                return; 
                } 
                if(filesize==-1){ 
                    alert(tipMsg); 
                    return; 
                }else if(filesize>maxsize){ 
                    alert(errMsg); 
                   return; 
               }else{ 
                   alert("文件大小符合要求"); 
                   return; 
                } 
           }catch(e){ 
                alert(e); 
            } 
        } 
    </script> 
</html> 
蔷薇夜月
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
js控制上传文件的大小
10-27
js控制上传文件的大小js控制上传文件的大小js控制上传文件的大小js控制上传文件的大小js控制上传文件的大小js控制上传文件的大小js控制上传文件的大小
JS判断文件大小
weixin_30530939的博客
04-05 297
方法一，利用ActiveX控件实现： 代码 1<scripttype="text/javascript">2functiongetFileSize(filePath)3{4varfso=newActiveXObject("Scripting.FileSystemObject");5alert("文件...
js 判断文件上传文件的大小
gaochunhu的专栏
09-24 1189
<br /><%@ page language="java" contentType="text/html; charset=gbk"  <br />    pageEncoding="gbk"%>  <br />     <br /><!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">  <br /><html>  <br /><head>  <br />
js判断文件大小
JAVAZHICHIZHE的专栏
07-03 4575
多个上传文件用js验证文件的格式和大小的方法(推荐)
10-20
下面小编就为大家带来一篇多个上传文件用js验证文件的格式和大小的方法(推荐)。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
真正好用的js验证上传文件大小的简单方法
10-21
下面小编就为大家带来一篇真正好用的js验证上传文件大小的简单方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
JS获取文件大小方法小结
10-23
本文将介绍几种JavaScript获取文件大小的方法。 首先，我们来看方法一，使用ActiveX控件。这种方法适用于Internet Explorer浏览器，通过创建`ActiveXObject("Scripting.FileSystemObject")`来访问文件系统对象，...
javascrip客户端验证文件大小及文件类型并重置上传
09-05
通过JavaScript，我们可以实现各种验证规则，例如验证文件大小、文件类型、表单内容等。 2. **文件大小验证**： 在JavaScript中，可以使用`HTML5`的`File API`来获取文件的大小信息。`File`对象提供了`size`属性，...
javascript实现限制上传文件大小
10-24
本文将详细讲解如何使用JavaScript实现限制上传文件大小。 首先，我们需要了解JavaScript获取文件大小的基本方法。在现代浏览器中，`<input type="file">`元素的`files`属性可以返回一个`FileList`对象，其中包含了...
js判断文件大小，js判断文件大小
03-31
项目组经常会用到文件上传，但是如果在服务器端判断文件大小，那文件已经传到服务器了那也就没有任何意义了，而且打文件会造成服务器和网络的压力。 今天这个方法可以在前端就判断文件大小，否则就不上上传，支持各种的文件类型大小判断。
js判断文件的大小
chaogewudi1的博客
09-28 5403
1.兼容ie7,8的判断方法 var file_path = document.getElementById("FILE_PATH"); var path = file_path.value; var fileActObj = new ActiveXObject("Scripting.FileSystemObject"); var fileSize = file...
js验证上传图片大小
guiyichen的专栏
11-25 142
[size=large] 前端上传图片时，我们大多选择使用写好的组件来上传图片；但在应用过程中，有些框架就没有提供判断图片大小的方法，那么久需要我们自己用js实现。 针对浏览器内核的不同，我们判断图片大小的方法也不一样；所以，下面的代码可以应用在大多数市场份额的浏览器上。 大多数的验证并不是读取图片后判断其大小，而是用一种简便巧妙的方法读取文件所在本地系统中的大小属性。 下面看...
JS 获取文件大小
xn1445041623的博客
09-05 2683
【代码】JS 获取文件大小。
【javascript】js文件类型、大小验证方法
coolcoffee168的专栏
06-26 751
js文件类型、大小验证方法 /** * 验证文件类型 * @param fileInputElementId 文件标签id * @param fileType 文件类型 * @returns Y - 文件类型与指定的fileType一致，N - 不一致，E - 文件为空 */ function validateFileType(fileInputElementId, fileTy...
前端js页面校验上传的文件大小
Clarence_Pang的博客
07-11 2525
//判断文件大小，如果超过200MB 不允许提交 var fileSize=1; fileSize = form.upload.files[0].size; //获得文件大小； 1M文件的大小是1048576（1*1024*1024） if(parseInt(fileSize)>209715200){ popAlert(form.upload, "上传的文件大小不能超过200MB！");//popAlert函数是自定义的提示框函数，作用类似alert，但是可以在对应的输入框中显示
js计算文件的大小
最新发布
高宇辰
11-14 354
本节文章主要实现了对文件大小的计算！！！
JavaScript获取文件大小
希望我的博客，能帮上你解决学习中工作中所遇到的问题
10-29 1050
JavaScript获取文件大小
js之读取文件大小
xclsky的博客
12-29 3776
1 js读取浏览器的版本：通过window.navigator.userAgent 如：var type_ie=window.navigator.userAgent; 2 判断是否是IE，通过/msie/i.test(type_ie) 如：var type_ie=window.navigator.userAgent;     var ie_flag=/msie/i.test(typ
js上传文件、文件大小限制
06-21 4156
js上传文件，设置允许上传文件的大小
前端上传头像如何验证文件大小
05-12
前端上传头像时，可以使用 JavaScript 中的 File API 来获取上传的文件信息，进而进行文件大小的验证。具体步骤如下： 1. 获取上传的文件信息： ```javascript const file = document.getElementById('avatar').files[0]; // 获取上传的文件 ``` 2. 获取文件大小并将其转换为对应的单位（KB、MB、GB 等）： ```javascript const fileSize = file.size; // 获取文件大小，单位为字节（B） const sizeKB = fileSize / 1024; // 转换为KB const sizeMB = sizeKB / 1024; // 转换为MB const sizeGB = sizeMB / 1024; // 转换为GB ``` 3. 进行验证，例如判断文件大小是否超过指定大小： ```javascript const maxSizeMB = 5; // 设置最大文件大小为5MB if (sizeMB > maxSizeMB) { alert(`上传的文件过大，请上传小于${maxSizeMB}MB的文件`); return false; } ``` 通过以上步骤，我们可以在前端上传头像时进行文件大小的验证。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值