<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>这里是获取文件信息</title>
</head>
<script type="text/javascript">
function vote(){
var pic= document.getElementsByTagName('input')[0].files[0]; //获取input框中的信息
c onsole.log(pic); //谷歌下可以看到信息的数组,以便于查看数组下标(图片信息的值)
var pg = document.getElementById('progress'); //获取div 并将文件信息的内容插入
var cont='';
cont += '文件名字:'+pic.name+'<br/>'; //获取文件名
cont += '文件大小:'+pic.size+'<br/>'; //获取文件大小
pg.innerHTML = cont;
var tmpimg = document.createElement('img'); //创建一个img标签
tmpimg.src = window.URL.createObjectURL(pic); //src 通过PIC对象获取本地图片链接地址,
document.getElementsByTagName('body')[0].appendChild(tmpimg); //将IMG标签放入到body区域 实现预览效果
}
</script>
<body>
<div>
<input type="file" οnchange="vote();"/>
</div>
<div id="progress"></div>
</body>
</html>
<html>
<head>
<meta charset="utf-8">
<title>这里是获取文件信息</title>
</head>
<script type="text/javascript">
function vote(){
var pic= document.getElementsByTagName('input')[0].files[0]; //获取input框中的信息
c onsole.log(pic); //谷歌下可以看到信息的数组,以便于查看数组下标(图片信息的值)
var pg = document.getElementById('progress'); //获取div 并将文件信息的内容插入
var cont='';
cont += '文件名字:'+pic.name+'<br/>'; //获取文件名
cont += '文件大小:'+pic.size+'<br/>'; //获取文件大小
pg.innerHTML = cont;
var tmpimg = document.createElement('img'); //创建一个img标签
tmpimg.src = window.URL.createObjectURL(pic); //src 通过PIC对象获取本地图片链接地址,
document.getElementsByTagName('body')[0].appendChild(tmpimg); //将IMG标签放入到body区域 实现预览效果
}
</script>
<body>
<div>
<input type="file" οnchange="vote();"/>
</div>
<div id="progress"></div>
</body>
</html>