网站建设网站首页 网站建设

javasctipt读取文件信息

发布时间：2016-06-11 19:38:31编辑：雪饮阅读（）

本案例对文件信息进行读取并呈现在页面中，更详细的信息需要在浏览器的console查看，当本案例中onchange事件触发后可以在浏览器的console中查看文件的具体信息：

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

<title>Insert title here</title>

function selfile(){

//一个文本框可以选择多个文件，每次选择并不是改变而是在文件列表中新增

console.log(document.getElementsByTagName('input')[0].files);

var pic=document.getElementsByTagName('input')[0].files[0];

var debug=document.getElementById('debug');

var cont='';

cont+='文件名称:'+pic.name+'<br/>';

cont+='文件大小:'+pic.size+'<br/>';

debug.innerHTML=cont;

}

</script>

</head>

<body>

<form>

</form>

</body>

</html>

关键字词：javascript,文件