您的位置：首页 > Web前端 > JavaScript

JS 判断上传文件大小

2016-01-11 12:13 495 查看

随着HTML5 的发展，我们可以用file控件的size属性来获取客户端上传文件的大小，但是我今天测试发现IE10支持，IE11的某个版本不支持，于是就借用img控件来加载一此，以此来获取文件大小。整个code 如下：

<html>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=9" charset="utf-8" />
<title>File API Demo</title>
</head>
<body>
<p>
Upload File:
<input type="file" name="file" id="file1" />
<img id="imgfile1" style="display: none" />

</p>
<p>
<input type="button" value="Submit" onclick="checkfile()" />
</p>
<script type="text/javascript">
function GetfileSize(elementID) {
var file = document.getElementById(elementID);
var size = 0;
if (file.value) {
if (file.files) {
size = file.files[0].size;
}
else {
var imgid = "img" + elementID;
var obj_img = document.getElementById(imgid);
obj_img.dynsrc = file.value;
size = obj_img.fileSize;
}
}
return size;
}
function checkfile() {
var size = GetfileSize("file1");
alert(size);
}
</script>
</body>
</html>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航

JS 判断上传 文件 大小

JS 判断上传文件大小