Question

html 中 input的file 怎么判断文件大小

Answer 1

<input type="text" size="4" value="10" name="fileSizeLimit" id="fileSizeLimit"/敬胡> K
<input type="file" name="file1" id="file1" size="40"孙祥 onchange="changeSrc(this)"/>
<img src="about:blank" id="fileChecker" alt="test" height="18"/>

//前面为网页
<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 = document.getElementById("fileSizeLimit").value * 1024;

if (oFileChecker.fileSize > limit)
{
alert("too large");
}
else
{
alert("ok");
}
}
</script>

Answer 2

假设有以下标签，且已巧晌经选中文件：
<input type="file" id="file">
可以通过以下js脚本孝键锋获取亮拿文件大小
document.getElementById("file").files[0].size

Answer 3

现腔雹差伍皮阶段的input type=file 是无法自行判断文件大小的，只有表单被提交到后台才可以判断文件大小肆基。

Answer 4

html不能作任何动态动作，要判断，需要用到动态语言，诸如：asp、php等