美文网首页
获取FileReader读取结果

获取FileReader读取结果

作者: 小遁哥 | 来源:发表于2020-04-14 21:29 被阅读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);
    }
    

    相关文章

      网友评论

          本文标题:获取FileReader读取结果

          本文链接:https://www.haomeiwen.com/subject/kyezmhtx.html