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

最新推荐文章于 2022-11-06 14:07:09 发布

原创最新推荐文章于 2022-11-06 14:07:09 发布 · 975 阅读

0 ·

CC 4.0 BY-SA版权

工作中的一点记录专栏收录该内容

14 篇文章

订阅专栏

本文介绍了如何使用FileReader API实例化对象，通过readAsDataURL()方法读取文件流，并监听onloadend事件来获取base64编码的文件路径。

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)
                }
            }