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

html5中file对象

2016-06-18 12:09 429 查看 
<!DOCTYPE html>

<html>

<head>

<meta http-equiv="Content-Type" type="text/html;charset=GBK">

<title>File</title>

<script type="text/javascript">

var showFileInformation=function(){

var imageEle=document.getElementById("images");

var imageFileList=imageEle.files;

for(var i=0;i<imageFileList.length;i++){

var file=imageFileList[i];

div=document.createElement("div");

div.innerHTML="第"+(i+1)+"个文件的文件名是:"+file.name+",该文件类型是:"+file.type+" ,该文件大小是:"+file.size;

document.body.appendChild(div);

}

}

</script>

</head>

<body>

浏览图片:<input id="images" type="file" multiple accept="image/*"/>

<input type="button" value="显示文件信息" onclick="showFileInformation();">

</body>

</html>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签：  html5 file
相关文章推荐
新的分享
章节导航