Angular2：使用promise检索FileReader结果

Question

在我看来，有一个与控制器的一个功能链接的输入文件

<input type="file" style="display: none;" (change)="importXML($event)">

此函数调用服务中的一个函数，该函数假定将我的xml文件转换为json

importXML(event): void {
        const obj = this.myService.convertXML2Json(event.target);
}

在服务函数中，XML文件在文件读取器中读取，然后在文件读取器的onloadend部分转换为XML

convertXML2Json(event): any {
    const file = event.files[0];
    const fr = new FileReader();
    fr.onloadend = e => xmltoJsonFunction(fr.result);
    fr.readAsText(file)
}

如何在onloadend中检索转换后的json结果，以便在Angular控制器中使用它，特别是在promise的情况下？或者我应该使用setTimeout吗？

Answer 1

  public XMLParsed;

  importXML(event): void {
    const file = event.target.files[0];
    const fr = new FileReader();
    fr.onloadend = (e: any) => {
        this.XMLParsed = xmlToJSON(e.target.result);
    };
    fr.readAsText(file);

Answer 2

您的结果不在fr对象内。回调函数中的参数e具有读取文件的结果：

fr.onloadevent=e=