很多情况下，我们要在发送到后台处理前，判断一下所上传的文件是不是符合大小要求，其实脚本可以很方便的帮助我们实现，代码如下
<html>
<head>
<title>JavaScript_获取文件大小_阿方索</title>
</head>
<body>
<input type="file" name="file1" id="file1" size="40" onchange="changeSrc(this)"/>
<img src="about:blank" mce_src="about:blank" id="fileChecker" alt="test" width="100" style="display:none" mce_style="display:none"
/>
<span id="showSize"></span>
</body>
</html>
<!--////以下代码放到页面最后面-->
<mce:script type="text/javascript"><!--
var oFileChecker = document.getElementById("fileChecker");
function changeSrc(filePicker)
{
oFileChecker.src = filePicker.value;//读图片
}
//判断是否完全读完
oFileChecker.onreadystatechange = function ()
{
if (oFileChecker.readyState == "complete")
{
checkSize();
}
}
function checkSize()
{
var limit = 2 * 1024 * 1024;
var show = document.getElementById("showSize");
if (oFileChecker.fileSize > limit)
{
oFileChecker.style.display = 'none';
show.innerHTML = parseInt(oFileChecker.fileSize/1024) + "KB[" +
oFileChecker.fileSize + "字节] <font color='red'>* 附件不能大小不能超过
<b>" + limit/1024 + "</b> KB</font>";
}
else
{
oFileChecker.style.display = '';
show.innerHTML = parseInt(oFileChecker.fileSize/1024) + "KB[" +
oFileChecker.fileSize + "字节] <font color='green'>大小正常</font>";
}
}
// --></mce:script>
