js 获取input type="file" 选择的文件大小、文件名称、上次修改时间、类型等信息

最新推荐文章于 2019-05-19 18:20:22 发布
最新推荐文章于 2019-05-19 18:20:22 发布
阅读量1k 收藏
点赞数
分类专栏： js
  1. <html xmlns="http://www.w3.org/1999/xhtml"> 
  2. <head runat="server"> 
  3.     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
  4.     <title></title> 
  5. </head> 
  6. <body> 
  7.     <form id="form1" runat="server"> 
  8.         <div> 
  9.             <input type="file" name="f" id="f" /> 
  10.             <input type="button" name="aa" id="aa" value="测试" onclick="javascript: _s();" /> 
  11.         </div> 
  12.     </form> 
  13. </body> 
  14. </html> 
  15. <script type="text/javascript"> 
  16.     function _s() { 
  17.         var f = document.getElementById("f").files; 
  18.         //上次修改时间 
  19.         alert(f[0].lastModifiedDate); 
  20.         //名称 
  21.         alert(f[0].name); 
  22.         //大小 字节 
  23.         alert(f[0].size); 
  24.         //类型 
  25.         alert(f[0].type); 
  26.     } 
  27. </script> 
qq386587793
关注
专栏目录
判断多个input type=file是否有已经选择好文件的代码
12-10
在网页表单设计中，`<input type="file">`元素用于让用户选择本地文件上传到服务器。当有多个这样的输入字段时，有时我们需要确保至少有一个输入框被用户选择了文件。这个场景常见于允许用户上传多份文件的情况。...
Java读取文件创建时间和最后修改时间
热门推荐
水铭痕
10-17 4万+
import java.io.BufferedReader;   import java.io.File;   import java.io.IOException;   import java.io.InputStream;   import java.io.InputStreamReader;   import java.text.SimpleDateFormat;   impor
input file 文件上传,js控制上传文件的大小和格式
weixin_30663471的博客
07-14 103
文件上传一般是用jquery的uploadify，比较好用。后面会出文章介绍uploadify这个插件。 但是，有时候为了偷懒，直接就用input 的file进行文件和图片等的上传，input file 可以控制上传的格式，但是是html5，很多浏览器不支持，请看我的文章对input file上传类型的控制。 下面我用javascript来控制文件上传的大小和类型。 贴出html代码： &...
HTML input type=file文件选择表单元素.docx
11-22
一、input type=file 文件选择表单元素 input type=file 是 HTML 中的一种表单元素，用于选择文件并上传到服务器。HTML5 之前的 input type=file 元素只能一次上传一张图片，无法满足一次上传多图的交互需求。因此...
js 实现 input type=file 文件上传示例代码
01-21
隐藏，点其他的标签（图片等）来时实现选择文件上传功能。 看代码： 代码如下: <!DOCTYPE html> <html xmlns=”http://www.w3.org/1999/xhtml”> <head runat=”server”> <meta http-equiv=”...
vue中使用input[type="file"]实现文件上传功能
10-18
在Vue中实现文件上传功能，可以借助HTML的`input`元素中的`type="file"`属性，该属性允许用户通过界面选择文件。通过结合Vue的响应式数据绑定和事件处理机制，可以简化文件上传的实现过程。 首先，我们需要在Vue...
HTML中文件上传时使用的input type=”file”元素的样式自定义
12-14
当调整按钮大小时，需要注意`<input type="file">`元素的默认大小可能无法完全覆盖容器，我们可以通过增大`<input>`的字体大小来解决这个问题，使其扩展到期望的尺寸。 总的来说，自定义`<input type="file">`元素...
jq对input[ type='file']的操作
胡老汉的博客
02-12 7395
var fileslist=$("input[type='file']"); if (fileslist.length&gt;0) { if (fileslist.get(i).files[0]!=undefined) { var fileName=fileslist.eq(0).val(); if ( fileslist.get(i).file...
js获取upload上传的文件属性(大小、名称、修改时间、类型等)
lijwen的博客
07-26 9563
文件上传下载在日常开发中是常用的功能。 但是因业务要求，经常对上传的文件做限制要求，如只能上传jpg格式的图片，仅能上传xls的excel表格(xls和xlsx的内容读写java使用的是不同的jar包)。 这类需求可以通过ajax在后台进行处理，但是为了减少对系统的压力，我们选择通过js的方式控制。 &amp;lt;html xmlns=&quot;http://www.w3.org/1999/xht...
js判断上传文件的大小、类型、修改日期等信息
weixin_34177064的博客
07-05 208
1、找到上传文件的前端代码，下断点，进行调试，使用jquery获得上传文件对象 2、鼠标放到文件对象fielEl上，弹出文件对象具体内容，可以看大文件对象的：上次修改时间、名字、大小、类型等信息　　 3、根据这些信息就可以进行文件大小、类型、修改日期、是否为空文件的判断，比如上图中空文件的判断方法： if (typeof(fileEl[0].files[0])=='undefined' 一步一...
jq判断文件是否存在
02-03 5815
js或jquery判断文件是否存在,需要用到ajax function fileExists(url){ var isExists; $.ajax({ url:url, async:false, type:'HEAD', error:function(){ isExists=0;}, success:function(){ isExists=1;} }); if(isExists==1){ retu
Jsp文件类型以及大小限制上传
少年程序郎
05-19 3504
限制上传： 类型、 大小 注意 对文件的限制条件 写再parseRequest之前 <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <!DOCTYPE html> <html> <head&...
JavaScript input type=file 获取文件大小及类型限制
最新发布
06-07
要获取文件大小，可以使用`File`对象的`size`属性。要获取文件类型，可以使用`File`对象的`type`属性。以下是一个示例代码： ```javascript var fileInput = document.getElementById('fileInput'); fileInput.addEventListener('change', function(e) { var file = e.target.files[0]; var fileSize = file.size; var fileType = file.type; // 检查文件大小 if (fileSize > 1024 * 1024) { alert("文件大小不能超过1MB"); return; } // 检查文件类型 if (fileType !== 'image/jpeg' && fileType !== 'image/png') { alert("只能上传JPEG或PNG格式的图片"); return; } // 文件大小和类型都符合要求，可以继续操作 }); ``` 在上面的代码中，我们首先获取了一个`<input type="file">`元素，并在其`change`事件中获取了用户选择的文件。然后我们使用`File`对象的`size`和`type`属性来获取文件大小和类型。最后，我们检查文件大小和类型是否符合要求，并在不符合要求的情况下弹出相应的提示。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值