<html>
<head></head>
<body>
<input onchange="show(this)" type="file" id="file">
<br>
<img id="picture" width="100">
<script type="text/javascript">
function show(obj)
{
var file = obj.files[0];//获得file文件域选择的文件路径
var reader = new FileReader();
//设置加载文件数据 执行的方法
reader.onload = function(e){
//设置文件内容到img标签
document.getElementById("picture").src=e.target.result;
}
reader.readAsDataURL(file);//读取文件数据
}
</script>
</body>
</html>
0条评论
点击登录参与评论