js获取upload上传的文件属性(大小、名称、修改时间、类型等)
2018-07-26 14:01
2331 查看
版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/java_18945106612/article/details/81218944
文件上传下载在日常开发中是常用的功能。
但是因业务要求,经常对上传的文件做限制要求,如只能上传jpg格式的图片,仅能上传xls的excel表格(xls和xlsx的内容读写java使用的是不同的jar包)。
这类需求可以通过ajax在后台进行处理,但是为了减少对系统的压力,我们选择通过js的方式控制。
<html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> </head> <body> <form id="form1" runat="server"> <div> <input type="file" name="f" id="f" /> <input type="button" name="aa" id="aa" value="测试" onclick="javascript: check();" /> </div> </form> </body> </html> <script type="text/javascript"> function check() { // 获取文件 var f = document.getElementById("f").files; // 获取文件后缀 var suffixname = f[0].name.substr(f[0].name.lastIndexOf(".")).toLowerCase(); // 文件后缀名 alert("[文件后缀名]"+suffixname ); //上次修改时间 alert("[上次修改时间]" + f[0].lastModifiedDate); //名称 alert("[名称]" + f[0].name); //大小 字节 alert("[大小 字节]" + f[0].size); //类型 alert("[类型]" + f[0].type); } </script> // 判断文件类型 // var type=(src.substr(src.lastIndexOf("."))).toLowerCase(); // if(type!=".jpg"&&type!=".gif"&&type!=".jpeg"&& type!=".png"){ // alert("您上传图片的类型不符合(.jpg|.jpeg|.gif|.png)!"); // return false; }
- 通过 document.getElementById(“f”).files; 的方式获取 上传附件对象;
- 上次修改时间 - f[0].lastModifiedDate;
- 名称 - f[0].name;
- 大小 字节 - f[0].size;
- 类型 - f[0].type;
- 后缀名 -f[0].name.substr(f[0].name.lastIndexOf(“.”)).toLowerCase();
通过上述方式在js中编辑提示信息、确认是否上传后台的方式减少对服务器的访问压力,更快的反馈信息,提高用户体验。
此外通过java方式在后台对文件的属性进行检验亦可。
在近期会对此部分更新。
相关文章推荐
- js 获取input type="file" 选择的文件大小、文件名称、上次修改时间、类型等信息
- js 获取input type="file" 选择的文件大小、文件名称、上次修改时间、类型等信息
- s 获取input type="file" 选择的文件大小、文件名称、上次修改时间、类型等信息
- JS获取上传文件的大小,更改时间,名称
- Javascript上传图片:获取图片名称、大小、类型、上次修改时间、图片宽高等信息
- 牛客网Java刷题知识点之File对象常用功能:获取文件名称、获取文件路径、获取文件大小、获取文件修改时间、创建与删除、判断、重命名、查看系统根目录、容量获取、获取某个目录下内容、过滤器
- Web 在线文件管理器学习笔记与总结(2)显示文件列表(名称,类型,大小,可读,可写,可执行,创建时间,修改时间,访问时间)
- Java 中按文件名称分类,按文件大小分类,按照文件类型分类,按照最后修改时间分类的工具类
- JS前端检测上传文件类型以及属性大小,并生成预览
- PHP学习起步1:获取文件大小,类型,创建/修改时间
- 通过jquery获取上传文件名称、类型和大小的实现代码
- JS前端检测上传文件类型以及属性大小,并生成预览
- js获取上传文件的大小和名称
- JS 获取上传文件大小的方法
- FCKeditor 上传修改,添加对文件的类型以及大小的限制(ASP.NET C#)
- 文件时间属性获取与修改
- C# 获取文件大小,创建时间,文件信息,FileInfo类的属性表
- JS 获取上传文件大小
- JS获取上传文件大小2(html)
- JS限制上传文件类型和大小(不是宽…