我要评论<input type="file" id='file'>
<div>
<img src="" alt="" id='preview'>
</div>
<script>
let file = document.queryselector('#file');
let preview = document.queryselector('#preview');
file.onchange = function(){
// 使用filereader 读取本地文件
// 创建文件读取对象
const fr = new filereader();
// 得到用户选取的是那个文件
const one = this.files[0];
// 读取文件
fr.readasdataurl(one);
// 当文件读取完成触发onload事件，就可以实现预览
fr.onload = function(){
preview.src = fr.result;
}
}
</script>
您可能感兴趣的文章:
如您对本文有疑问或者有任何想说的，请点击进行留言回复，万千网友为您解惑！
网友评论