JSアップロードファイルサイズの判断
1721 ワード
HTML 5の発展に伴い、fileコントロールのsizeプロパティを使用してクライアントアップロードファイルのサイズを取得することができますが、私は今日、IE 10サポートをテストしました.IE 11のバージョンはサポートされていないので、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>