13.2使用blob接口获取文件类型和大小

<!DOCTYPE html>
<html>
	<title>使用blob接口获取文件</title>
	<meta charset="utf-8">
<script language="javascript">
function ShowFileType()
{
	var file;
	file=document.getElementById("file").files[0];
	var size=document.getElementById("size");
	size.innerHTML=file.size;
	var type=document.getElementById("type");
	type.innerHTML=file.type;
}
</script>
选择文件：
<input type="file" id="file">
<input type="button" value="显示文件信息" οnclick="ShowFileType();"><br>
文件字节长度：<span id="size"></span><br>
文件类型：<span id="type"></span>
</html>

blob对象有两个属性：size属性表示一个blob对象的字节长度；
type属性表示blob的MIME类型。
在这里插入图片描述

版权声明：本文为qq_45130472原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接和本声明。