图片预览

FileReader.readAsDataURL()
开始读取指定的Blob中的内容。一旦完成,result属性中将包含一个data: URL 格式的 Base64 字符串以表示所读取文件的内容。

const reader = new FileReader();
        reader.readAsDataURL(file); // file input file 的对象
        reader.onload = e => {
            // 成功读取文件
            e.target.result // 可以作为图片的src
        };

https://developer.mozilla.org/zh-CN/docs/Web/API/FileReader/readAsDataURL

posted @ 2022-09-26 20:00  Running00  阅读(41)  评论(0编辑  收藏  举报