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

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

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

前端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获取客户端,php获取服务器操作系统类型的方法,php获取服务器操作系统类型的方法,

免费领取腾讯云服务器! 利用php脚本中的 php_uname() 函数与 PHP_OS 变量可以获取服务器操作系统的类型,具体的使用方法如下。 php获取服务器操作系统的方法 1、php_uname() 获取服务器操作系统...

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

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

这都可以(php保存网络图片到本地)php下载图片到本地,php保存图片到本地的方法,php保存图片到本地的方法,

免费领取腾讯云服务器! 下面列几种网上收集的利用php脚本将远程图片保存至本地的方法,各位自行测试代码是否可用,另外php保存远程图片到本地并不能确保百分百的一定会拉取到远程图片的数据。 php保存远程图片到本地的方法 方法...

这都可以?(常用正则表达式大全)常用正则表达式大全图片,常用正则表达式大全,常用正则表达式大全,

免费领取腾讯云服务器! 网上收集了一些常用的正则表达式,基本上都全,需要的可以拿去了。 关于号码的正则表达式 QQ号正则表达式 BASIC /^[1-9][0-9]{...

这都可以(判断是否是ajax请求)php判断请求方式,php判断是否为ajax请求的方法,php判断是否为ajax请求的方法,

免费领取腾讯云服务器! 在后端可以利用php代码来判断前台提交的数据是否通过ajax进行提交的,其方法也非常的简单,只需要判断$_SERVER["HTTP_X_REQUESTED_WITH"] 是否存在,以及判断 $_SERVER["HTTP_X_REQU...

全程干货(php将图片转为对象)php文件怎么转成图片,php将图片转为base64编码格式图片的方法,php将图片转为base64编码格式图片的方法,

免费领取腾讯云服务器! 下面的博文提供两个利用php代码将图片转为base64编码格式图片的方法,分为php转换本地图片为base64图片以及php转换远程图片为base64图片的方法。...

发表评论

访客

看不清,换一张

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