实现及时展示用户上传的图片文件

HTML代码

文件:

JS代码
var file = document.querySelect(’#file’);
getFileContent(){
//新建文件的读取
var reader = new FileReader();
//以读取文件字符串的方式读取图片文件,这样才能将图片文件嵌入到页面中,但是也不能直接读取file,文件的内容是存在file对象下面的files数组中
reader.readAsDataURL(file.files[0]);
//读取是有一个过程的,而且reader是没有返回值的所以需要调用下面的一个result属性
reader.οnlοad=function(){
document.querySelect(‘img’).src=reader.result;
}
}