当前位置:首页 > 电脑知识 > 正文内容

奔走相告(js判断上传文件大小)java获取上传文件大小,js获取上传文件类型以及大小的方法,js获取上传文件类型以及大小的方法,

sauo3年前 (2022-09-17)电脑知识161

前端web上传文件时,需要在上传之前判断一下文件的类型以及文件的大小,HTML为前端的标记语言是无法做到这一点,只能使用javascript 动态脚本代码来实现。

js获取上传文件大小的方法

示例代码:

Markup
<!--表单数据--> <form name="form1" id="form1"> <input type="file" id="btn_file" name="file"></input> <input type="button" id="btn" value="提交"> </form> <script> // 飞鸟慕鱼博客 feiniaomy.com var btn=document.querySelector("#btn"); btn.onclick=function(){ var file = document.getElementById(btn_file).files[0]; // 打印文件的大小,文件大小的单位为字节(B) console.log(file.size); //判断文件是否过大 // 下面判断文件是否超过 1m 大小 1M的大小划算为:1024 * 1024 = 1048576 if(file.size > 1048576){ alert(文件超过 1M 大小,不允许上传!); return false; } } </script>复制

js获取上传文件类型的方法

示例代码:

Markup
<!--表单数据--> <form name="form1" id="form1"> <input type="file" id="btn_file" name="file"></input> <input type="button" id="btn" value="提交"> </form> <script> // 飞鸟慕鱼博客 feiniaomy.com var btn=document.querySelector("#btn"); btn.onclick=function(){ var file = document.getElementById(btn_file).files[0]; //定义可上传文件的类型 var file_ypes =[".jpg",".png",".rar",".txt",".zip",".doc",".ppt",".xls",".pdf",".docx",".xlsx"]; //获取文件的后缀名 var type = file.name.substring(file.name.indexOf(".")); //判断上传的文件是否可上传 if(file_ypes.indexOf(type) != -1){ console.log(可以上传); }else{ console.log(禁止上传); } } </script>复制

本文链接:http://blog.sauo.top/?id=310 感谢分享!

分享到:

扫描二维码推送至手机访问。

版权声明:本文由冬眠先生个人博客发布,如需转载请注明出处。

本文链接:http://blog.sauo.top/?id=310

标签: 资讯电脑
分享给朋友:

“奔走相告(js判断上传文件大小)java获取上传文件大小,js获取上传文件类型以及大小的方法,js获取上传文件类型以及大小的方法,” 的相关文章

全程干货(查看php是否启动)查看php是否支持rar解压,查看php是ts版本还是nts版本的方法,查看php是ts版本还是nts版本的方法,

全程干货(查看php是否启动)查看php是否支持rar解压,查看php是ts版本还是nts版本的方法,查看php是ts版本还是nts版本的方法,

免费领取腾讯云服务器! 今天有用户来询问php的ts版本与php的nts版本的区别是什么,怎么去查看自己安装的php服务是ts版本还是nts版本,下面博文就来详细的说一下。 php ts版本与nts版本的区别 php官方提供...

不看后悔(php全局变量有哪些)php全局变量和局部变量的区别,php全局变量与js全局变量的区别,php全局变量与js全局变量的区别,

免费领取腾讯云服务器! 因为经常写php与js代码,有时候使用全局变量的时候经常的混淆,这篇文章就来说说js中的全局变量与php中的全局变量的区别。 js全局变量与php全局变量的区别 php全局变量 php...

速看(js将图片转换为二进制流)js将图片转换为webp,js将图片转换为base64编码方法,js将图片转换为base64编码方法,

免费领取腾讯云服务器! js可以将图片文件转成base64编码的,便于图片文件的上传与处理,下面就写几种关于js脚本来转换图片为base64编码的方法。 js将图片转换为base64编码的方法 方法1 将自身...

深度揭秘(Linux查看文件md5)linux命令查看md5值,Linux系统下查看文件md5的方法,Linux系统下查看文件md5的方法,

深度揭秘(Linux查看文件md5)linux命令查看md5值,Linux系统下查看文件md5的方法,Linux系统下查看文件md5的方法,

免费领取腾讯云服务器! 上两篇博文,分别写了在window系统下获取文件md5值的方法与mac苹果系统下获取文件md5值的方法,今天这篇博文就写一下在linux系统下获取文件md5值的方法。 Linux系统下获取文件md5值的方法...

这都可以(php获取当前时间)php获取月份,php获取上个月,上上个月的开始时间与结束时间的方法,php获取上个月,上上个月的开始时间与结束时间的方法,

免费领取腾讯云服务器! 记录一下利用php脚本获取上个月,上上个月的开始时间与结束时间的方法,下面的示例代码,有需要的可以参考一下。 php 获取上个月,上上个月的开始时...

全程干货(formdata用法详解)formdata是什么,FormData 简单介绍与用法,FormData 简单介绍与用法,

免费领取腾讯云服务器! FormData是XMLHttpRequest Level 2提供的一个接口对象,用以将数据编译成键值对,以便于XMLHttpRequest来发送数据。它可以用来模拟来添加,删除或判断表单数据,还可以用于文件的上传操作。...

发表评论

访客

看不清,换一张

◎欢迎参与讨论,请在这里发表您的看法和观点。