实例代码如下
<html>
<head>
<meta http-equiv="Content-Style-Type" content="text/css" />
<title>文件操作</title>
<link href="/library/skin/tool_base.css" type="text/css" rel="stylesheet" media="all" />
<link href="/library/skin/bupt-blue/tool.css" type="text/css" rel="stylesheet" media="all" />
<script type="text/javascript" language="JavaScript" src="/library/js/headscripts.js"></script>
<style>body { padding: 5px !important; }</style>
</head>
<body>
<!DOCTYPE html>
<head>
<meta charset="UTF-8">
<title>Blob对象使用示例</title>
<script language=javascript>
function ShowFileType() {
var file;
var fileLength = document.getElementById("file").files.length;//选择文件的文件个数
for(var i = 0; i < fileLength; i++) {
file = document.getElementById("file").files[i];
document.getElementById("content").innerHTML += "文件名称:<span>"+file.name+"</span><br/>\n" +
"文件字节长度:<span>"+file.size+"</span><br/>"+
"文件类型:<span>"+file.type+"</span><hr>"
}
}
</script>
选择文件:
<input type="file" id="file" multiple="multiple" /><!--multiple属性表明可以选择多个文件-->
<input type="button" value="显示文件信息" οnclick="ShowFileType();" /><br/>
<div id="content">
</div>
</body>
</html>