javascript判断上传文件大小

最新推荐文章于 2024-06-09 20:17:27 发布
最新推荐文章于 2024-06-09 20:17:27 发布
阅读量116 收藏
点赞数
文章标签： javascript xhtml ViewUI
原文链接：http://www.cnblogs.com/fengzekun/p/4072798.html
版权 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
    <title>Document</title>
</head>
<body>
    <input type="file" id="btnFile" />
</body>
</html>
<script>
    var btn = document.getElementById('btnFile');
    btn.onchange = function(){
    getSize(this);
    function getSize(t){
        var size;
        if(t.files){
            size = parseInt( t.files[0].size / 1024 /1024,10);
        }else{

            size = parseInt( new ActiveXObject("Scripting.FileSystemObject").GetFile(t.value).size / 1024/1024,10 );
        }
        if( size >= 2){
            alert('文件过大');
        }
    };
</script>

 

转载于:https://www.cnblogs.com/fengzekun/p/4072798.html

ack80940
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
JavaScript判断上传文件大小的限制脚本
07-22
用JavaScript控制上传文件的大小限制!很不错的！
javascript实现限制上传文件大小
12-12
本篇介绍一个前端JS便捷判断上传文件大小的方法。 这个是比较好的 <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> [removed] var isIE = /msie/i.test...
[JavaScript]页面判断上传文件大小
知识共享，快乐分享
08-16 3630
因为项目中使用七牛云的直传文件，上传策略的大小限制搞不定，所以，使用JavaScript在页面判断，代码非原创，从网上收集，自己测试可用（Firefox、Chrome、Internet Exeplorer 10）； var isIE = /msie/i.test(navigator.userAgent) && !window.opera; function fileChange(tar
用Javascript判断上传文件大小
zhengnz的专栏
01-26 4171
在实际的开发当中,上传文件是经常会遇到的，判断上传文件的大小也是不可缺少的，在服务器端判断文件的大小很方便,对于php来说都有相应的函数支持,在这里我们介绍在客户端用javascript判断文件大小的两种常见的方法。 第一种方法:是应用ActiveX控件的实现，例如：这种方法可以实现，也容易被开发人员
JavaScript 判断上传文件的格式和大小
qq_16733389的博客
03-20 319
话不多说 直接上代码： <!doctype html> <html> <head> <meta charset="utf-8"> <title>上传文件判断文件后缀名和文件大小</title> </head> <body> <form action="" method="post" id=...
js判断上传文件大小
kechuangww的博客
06-15 918
function onUploadImgChange(fileInput) { var imgMaxSize = 30 * 1024 * 1024; var filePath = fileInput.value; if (fileInput.files && fileInput.files[0]) { console.log(fileInput.files[0].size); if
JS前端获取上传文件的大小的方法
relucent的专栏
05-15 8712
WEB应用中，经常会遇到上传附件的问题，比如有时候会有限制附件大小的需求。那么如何去判断附件的大小呢？   方法如下：（遗憾的IE中只能判断出图片文件的大小）     JS获取文件大小 ///获得文件的大小(单位字节) function GetFileSize(fileId) { var dom = document.get
javascript判断文件大小
10-28
一个高手写的js判断文件大小，asp.net开发中挺实用的，分享给大家，喜欢的就下载吧 (this)"/> 即可~
js判断上传文件大小，支持多种浏览器
08-24
js判断上传文件大小，支持多种浏览器，在做项目的时候用到的，一个用户上传一张图片30多M，然后程序就一直出错，在网上好不容易找到一个支持多种浏览器的js判断上传文件大小的方法，和大家分享下……
struts2上传文件，JavaScript判断文件大小
07-30
NULL 博文链接：https://jeyke.iteye.com/blog/841602
ajax上传文件判断大小,JavaScript检测上传文件大小的方法
weixin_33653182的博客
08-06 455
本文实例讲述了JavaScript检测上传文件大小的方法。分享给大家供大家参考。具体如下：通过JS客户端代码限制用户上传文件的大小，但是客户端的验证只是辅助的，服务器端一定还要再做验证/p>"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">js check file size @ jb51.net var maxsize = 2*...
js获取上传文件的大小
wangsaisoon的博客
06-14 7735
//reurl--上传文件的ID if(getFileSize("reurl") == -1){ layer.msg("文件错误",{time:2000}); return; }else if(getFileSize("reurl") == 0){ layer.msg("文件不能为空",{time:2000}); return; }else if(getFileSize("r
js前端验证上传文件大小
qq_40095973的博客
08-21 2773
//获取上传文件的大小 function getFileSize(eleId) { try { var size = 0; size = $('#' + eleId)[0].files[0].size;//byte size = size / 1024;//kb size = size / 1024;//mb ...
客户端js判断文件类型和文件大小即限制上传大小
zhanglir333的博客
01-15 2794
由于项目需要！需要脚本在客户端判断大小和文件类型！自己网上找资料找的好辛苦！索性自己写了一个并测试 文件上传大小限制的一个例子，兼容ie6，ie7，ie8 ，Google Chrome，ff等浏览器  转自：http://www.jb51.net/article/43498.htm 复制代码代码如下:         var isIE = /msie/i.test(nav
使用JS判断上传文件大小
热门推荐
12-28 1万+
项目input type=”file” 需要判断上传的文件大小，避免提交去后台判断反应较慢，直接上代码： <li><span>版本上传：</span> <img id="tempimg" dynsrc="" src="" style="display:none" /> <input type="file" id="file" name="fil
js判断图片上传时的文件大小、类型，和宽高尺寸
cillent_boy的专栏
04-19 4612
如何读取图片的size、type 首先，原生input file控件有个files属性，该属性是一个数组。数组中的元素有以下属性：lastModifiedDate，name，size，type，webkitRelativePath，如图： 这样的话，我们就可以检测到size。 var fileData = file.files[0]; var size = fileData.size...
js判断上传图片大小及尺寸
weixin_34144450的博客
08-07 451
以下直接粘贴到记事本中，给后缀改为html即可运行 ============================================================ <input name="txtImg" type="file" id="txtImg" /><input name="btnUploadImg" type="button"...
[Vue-常见错误]浏览器显示Uncaught runtime errors
最新发布
一个喜欢什么都研究一下的小小后端程序员
06-09 316
在vue.config.js中配置关闭Uncaught runtime errors显示。
前端上传头像如何验证文件大小
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、付费专栏及课程。

余额充值