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

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

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

前端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获取上传文件类型以及大小的方法,” 的相关文章

万万没想到(Ubuntu安装ssh服务)ubuntu配置ssh服务器,ubuntu安装ssh服务器的方法,ubuntu安装ssh服务器的方法,

万万没想到(Ubuntu安装ssh服务)ubuntu配置ssh服务器,ubuntu安装ssh服务器的方法,ubuntu安装ssh服务器的方法,

免费领取腾讯云服务器! 安装了一个ubuntu系统,想着在内网中用ssh进行远程连接管理。下面这篇博文就说说如果在ubuntu系统中安装ssh远程管理服务。 ubuntu 安装ssh服务器的方法 1、安装 openssh-s...

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

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

没想到(PHP重定向)php获取重定向后的地址,php实现页面重定向的方法,php实现页面重定向的方法,

免费领取腾讯云服务器! php脚本实现页面重定向有多种方法,下面列几种简单的方法,供大家来参考一下。 php实现页面重定向的方法 方法1: 使用php中的 header() 函数来实现页面的跳转,实现重定向的...

没想到(imagettftext函数)imagettftext函数支持的编码类型,imagettftext(): any2eucjp(): invalid code in input string 错误解决方法,imagettftext(): any2eucjp(): invalid code in input string 错误解决方法,

免费领取腾讯云服务器! 最近在研究关于php生成图片的东西,发现了 imagettftext() 函数中一个不是错误的错误,具体的错误情况如下所示。 错误代码:...

硬核推荐(windows查看文件的md5值)windows 查看md5值,window 系统查看文件md5值的方法,window 系统查看文件md5值的方法,

硬核推荐(windows查看文件的md5值)windows 查看md5值,window 系统查看文件md5值的方法,window 系统查看文件md5值的方法,

免费领取腾讯云服务器! 在winodw系统上查看一个文件的md5值,不用去安装专门查看文件md5的软件,只需要使用 cmd 命令即可。 window 查看 md5 值的方法 1、打开CMD命令窗口 (1)、快...

没想到(js判断域名是否可用)js判断域名是否合法,js判断域名是否为顶级域名的方法,js判断域名是否为顶级域名的方法,

免费领取腾讯云服务器! 写了一个查询域名资料的小项目,需要用户输入查询域名的顶级域名,为了保证用户输入的域名为顶级域名,就写一个通过JS脚本代码来判断输入的域名是否为顶级域名的方法,下面飞鸟慕鱼博客就来分享一下,大家可以做个参考! js判断...

发表评论

访客

看不清,换一张

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