获取FileReader读取结果

2020-04-14  本文已影响0人  小遁哥

我总感觉和你离得很近,实际很远

将图片转换为base64码的逻辑,多用于上传图片前的预览。

一开始随便从网上搜索了一下,能用!


export function getDataUrl(argFile) {
    const reader = new FileReader();

    reader.onload = function (e) {
        console.log(e.target.result);
    }
    reader.readAsDataURL(argFile);
}

后来尝试TS时,纠结这个事件对象是啥类型(后来发现自己很蠢...),发现不需要事件对象也可以取到

export function getDataUrl(argFile) {
    const reader = new FileReader();

    reader.onload = function () {
         console.log(reader.result);
    };
    reader.readAsDataURL(argFile);
}

想要文章记录的今天,直接用this就可以了...

我第一时间咋就没想到呢!

export function getDataUrl(argFile) {
    const reader = new FileReader();

    reader.onload = function () {
         console.log(this.result);
    };
    reader.readAsDataURL(argFile);
}
上一篇 下一篇

猜你喜欢

热点阅读