HTML 代码
<input type="file" id="imgfile" value="" οnchange="f_change(this);" >
<img alt="图片" src="" id="img">
JS 代码
<script type="text/javascript">
//创建一个FileReader对象可以理解成 临时文件
var reader = new FileReader();
function f_change(file){
var img = document.getElementById('img');
//读取File对象的数据
reader.onload = function(evt){
//data:img base64 编码数据显示
img.width = "100";
img.height = "100";
//临时文件和图片建立连接
img.src = evt.target.result;
}
//把点击文件结果数据放在 临时文件
reader.readAsDataURL(file.files[0]);
}
</script>