js前端获取上传文件属性

最新推荐文章于 2024-05-19 18:33:52 发布

LQW_home

最新推荐文章于 2024-05-19 18:33:52 发布

阅读量1w

点赞数

分类专栏： js 13k

本文链接：https://blog.csdn.net/LQW_java_home/article/details/78411308

版权

13k 同时被 2 个专栏收录

53 篇文章 0 订阅

订阅专栏

13 篇文章 0 订阅

订阅专栏

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh-CN" dir="ltr">
 <head> 
  
 </head> 
 <body> 
	<input type="file" id="file" > <!-- 只能上传单个文件 -->
	<input type="file" id="files" multiple> <!-- 可以上传多个文件 -->
	<script>
		window.οnlοad=function(){
			var f = document.getElementById("file");
			var fs = document.getElementById("files");
			
			//this.files即获取input中上传的file对象 是个数组 
			f.onchange = function(){
				var file = this.files[0];

				//获取最后一次修改时间
				var date = file.lastModifiedDate;
				var year = date.getFullYear();
				var month = date.getMonth()+1;
				var day = date.getDate();
				var hours = date.getHours();
				var minutes = date.getMinutes();
				var second = date.getSeconds();
				console.log( year+'-'+month+'-'+day+' '+hours+':'+minutes+':'+second );
				
				//获取文件名称
				var fileName = file.name;
				console.log(fileName);
				
				//获取文件大小(字节Byte)
				var fileSize= file.size;
				console.log(fileSize);
				
				var path = file.webkitRelativePath;
				console.log(path);
			}
			
			
			fs.onchange = function(){
				
			}
		}
	</script>
 </body>
</html>

LQW_home

关注

0
点赞
踩
4

收藏

觉得还不错? 一键收藏
0
评论
js前端获取上传文件属性

window.onload=function(){ var f = document.getElementById("file"); var fs = document.getElementById("files"); //this.files即获取input中上传的file对象是个数组 f.onchange = function(){ var file
复制链接

扫一扫