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

xieshengjun2009

于 2010-08-21 13:20:00 发布

阅读量1.4k

点赞数

CC 4.0 BY-SA版权

文章标签： javascript file upload input button access

本文链接：https://blog.youkuaiyun.com/xieshengjun2009/article/details/5828514

本文提供了两种使用HTML和JavaScript在客户端获取用户选择文件大小的方法。第一种方法利用ActiveXObject读取文件系统的具体信息并显示文件大小；第二种方法通过读取图片文件的大小并将其转换为KB单位展示。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

方法1：

<html> <head>

<title>Client access to upload file size</title> <script> function getSize() { var myFSO = new ActiveXObject("Scripting.FileSystemObject"); var filepath = document.upload.file.value; var thefile = myFSO.getFile(filepath); var size = thefile.size; alert(size + " bytes"); } </script> </head> <body> <form name="upload"> <input type="file" name="file"> <input type="button" value="Size?" onClick="getSize();"> </form> </body> </html>

方法2：

<html>
<head>
<title>客户端控制上传图像大小示例 </title>
</head>
<body>

<input type="file" id="file" name="file" />
<img src="" width=0 height=0 id="img" />
<input type="button" value="查看文件大小" οnclick="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>