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

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

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

前端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中关于strtotime函数31日取前几个月日期的BUG,php中关于strtotime函数31日取前几个月日期的BUG,

免费领取腾讯云服务器! 在使用php脚本中的 strtotime 函数取前几个月的日期时,发现每到31日时,取出的前几个月的日期都会出现错误。仔细检查了一下,发现在利用 strtotime 函数取前几个月的日期时,给 strtotime 函数的参数并不规范...

干货分享(php输出json中文乱码)json数据中文乱码怎么办,解决 php json中文乱码的问题,解决 php json中文乱码的问题,

免费领取腾讯云服务器! php输出使用json_encode函数生成的json数据的时候,发现数据中的中文被转义成了unicode编码,如果使用ajax请求的json数据还好一点,浏览器会自动将unicode编码转义回来,但如果直接输出到浏览器上,那就会直...

一看就会(imagefilter过滤图像方法)php imagefill,php imagefilter()图片滤镜函数的用法与示例,php imagefilter()图片滤镜函数的用法与示例,

一看就会(imagefilter过滤图像方法)php imagefill,php imagefilter()图片滤镜函数的用法与示例,php imagefilter()图片滤镜函数的用法与示例,

免费领取腾讯云服务器! 有个小需求,需要使用php代码对图片进行颜色调整,比如变成灰色,改变图片的亮度,对比度等等。而php中就内置了一个图片的滤镜函数 imagefilter() ,下面就来具体说说这个函数的用法。 php imagefi...

这都可以?(jquery去掉前后空格)jquery去掉字符串前后空格,jQuery去掉 serialize() 方法中指定的name值,jQuery去掉 serialize() 方法中指定的name值,

免费领取腾讯云服务器! 在修改一个前台表单提交逻辑时,为了不动以前的代码(代码和屎一样),就想着在提交数据时过滤掉form表单中指定的name属性和值,由于表单直接使用jquery中的serialize()方法来获取的form表单的数据,所以就要对 ser...

速看(mac txt文件怎样新建)mac新建一个txt文件,Mac 新建TXT文件的方法,Mac 新建TXT文件的方法,

速看(mac txt文件怎样新建)mac新建一个txt文件,Mac 新建TXT文件的方法,Mac 新建TXT文件的方法,

免费领取腾讯云服务器! 有个刚用mac电脑的同事来问了一个很基础的问题,如何在mac电脑上创建txt纯文本文件,就告诉他了一种不借助第三方软件的方法,下面就来分享一下。...

越早知道越好(html打字机效果)css打字机效果逐行打印,CSS实现打字机效果的方法,CSS实现打字机效果的方法,

越早知道越好(html打字机效果)css打字机效果逐行打印,CSS实现打字机效果的方法,CSS实现打字机效果的方法,

免费领取腾讯云服务器! 发现一个有趣的东西,就是使用纯CSS代码实现打字机的效果。所谓的打字机效果就是控制一个字符串字符,并且字符串中的每个一个字符一个接着一个的出现。 纯CSS实现文字的打印机效果,要用到 animation 动画元素,下...

发表评论

访客

看不清,换一张

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