相当简单,之间看代码,有注释
<!--<!DOCTYPE html>-->
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script type="text/javascript">
onload = function(){
IDfile.onchange = function(){
var file = IDfile.files[0]
//取文件 files为属性 获取文件但以数组存储放在第一个内
//读文件
var read = new FileReader()
read.readAsDataURL(file)
//加载后 读取显示
read.onload = function(){
IDimg1.src = read.result
}
}
}
</script>
</head>
<body>
<input id="IDfile" type="file" />
<img id="IDimg1" />
</body>
</html>