Blob对象的使用–file的相关属性获取

Blob对象的使用Blob对象的使用,这个我也不知道为什么叫这个名字,其实我们可以简单的理解为File对象,就像是java里面的file,我们可以操作里面的属性!~

输入代码:

———————————————————————————————-

<!DOCTYPE HTML>
<html>
<head>
<title>使用html5里面的文件的相关属性</title>
<meta charset=”UTF-8″>
<script>
function show(){
var file;
var files=document.getElementById(“file”);
file=files.files[0];
var size=document.getElementById(“size”);
var type=document.getElementById(“type”);
size.innerHTML=file.size;
type.innerHTML=file.type;
}

</script>
</head>

<body>
<center>
<input type=”file” id=”file” multiple size=”80″/>
<input type=”button” onclick=”show();” value=”显示”/><br/>
文件的大小:<span id=”size”></span><br/>
文件的类型:<span id=”type”></span>
<center>
</body>
</html>

————————————————————————————————–

效果截图:演示地址:http://www.cangzhang.com/wp-content/uploads/2012/08/files1.htm

 

共有 0 条评论

Top