FileReader()构造函数基本使用获取上传文件流

1.语法:实例化一个FileReader函数

var fileReader = new FileReader();

2.使用readAsDataURL()方法读取文件流

 fileReader.readAsDataURL(files.files[0]);

3.监听onloadend 读取完成事件

 fileReader.onloadend = () => {
                if (fileReader.readyState == fileReader.DONE) {
                    //业务代码 fileReader.result为获取到到base64路径
                    document.getElementById("img").setAttribute("src", fileReader.result)
                }
            }

你可能感兴趣的:(工作中的一点记录)