js实现图片预览
body部分:
<input type="file"/>
<img src="" />
js部分:
var input = document.querySelector('input');
var img = document.querySelector('img');
input.onchange = function () {
//获取文件
var file = this.files[0];
//创建读取文件对象
var reader = new FileReader();
//读取文件
reader.readAsDataURL(file);
//在回调函数中修改Img的src属性
reader.onload = function () {
console.log(reader.result);
img.src = reader.result;
}
}