JavaScript FileReader Onsuccess

Question

我的功能看起来像这样：

async handleFile(e){
        var file = e.target.files[0];
        var reader = new FileReader();
        reader.onload = async function(f){                
            await somelibrary.load(f.target.result)
            await somelibrary.render()
            await someotherlibrary.init()
        }
            await reader.readAsText(file);  
        
    }

我需要知道负载和渲染是否有效，至少在没有抛出异常的情况下。所以我的想法是做这样的事情：

async handleFile(e){
        var file = e.target.files[0];
        var reader = new FileReader();
        reader.onload = async function(f){
            try {                
                await somelibrary.load(f.target.result)
                await somelibrary.render()
                await someotherlibrary.init()
                return true
            } catch (e) {
                console.log(e);
                return false
            }
        }
        var rendered = await reader.readAsText(file);  
        console.log(rendered)
        
    }

但是，这只是记录不确定的。我明白为什么我的功能只等待阅读部分，而不仅仅是在.onload中对内容的实际处理...但是我该如何正确执行此操作？