客户端获取上传文件的大小

最新推荐文章于 2021-06-30 19:53:45 发布

royzhou20081011

最新推荐文章于 2021-06-30 19:53:45 发布

阅读量126

点赞数

分类专栏： Javascript 文章标签： JavaScript HTML ViewUI

本文链接：https://blog.csdn.net/royzhou20081011/article/details/83356545

版权

Javascript 专栏收录该内容

21 篇文章 0 订阅

订阅专栏

主要是利用img的fileSize属性


<!DOCTYPE   HTML   PUBLIC   "-//W3C//DTD   HTML   4.01   Transitional//EN">   
  <html>   
  <head>   
  <title>客户端控制上传图像大小示例   -   51windows</title>   
  <meta   http-equiv="Content-Type"   content="text/html;   charset=gb2312">   
  </head>   
  <body>   
	<input type="file" id="file" name="file" />
	<img src="" width=0 height=0 id="img" />
	<input type="button" value="查看文件大小" onclick="getFileSize()" />
  </body>   
  <SCRIPT LANGUAGE="JavaScript">
  <!--
		function getFileSize() {
			var img = document.getElementById("img");
			var file = document.getElementById("file");
			img.src = file.value;
			alert(img.fileSize/1024);
		}	
  //-->
  </SCRIPT>
  </html>