FileReader.readystate 卡在 1。Onload 未触发

Question

我是 angular7 的新手，我只是想从 html 文件 中的输入类型文件中获取数据。我不明白。我得到了文件的名称和不同的规格，但不是它的正确数据。

重点是 readystate 不会变为 2，因此 result 属性永远不会填充它，因此我无法获取数据。

据我所知：

TS

onChange(event) {
  if (event.target.files && event.target.files.length > 0) {
    const file = event.target.files[0];
    const reader = new FileReader();
    reader.readAsDataURL(file);
    reader.onload = this.saveImage(reader, event);
  }
}

private saveImage (reader: FileReader, ev: ProgressEvent): any {
  this.userInfo.Imagen = (reader.result as string).split(',')[1];
  this.converted_image = this.domSanitizer.bypassSecurityTrustResourceUrl(this.base64 + this.userInfo.Imagen);
  return null;
}

HTML

<input id="file-input" type="file" capture style="display:none" #fileInput (change)="onChange($event)"/>

但我根本没有恢复任何数据。

谢谢小伙伴们。

Answer 1

最后... 很奇怪，希望这个答案能帮助你们所有人，或者至少给你们一个关于这种情况的线索。

Chrome 版本，从 73 到 75（已修复）在 event 与 debugger 命令冲突时会出现问题 或 断点 由 IDE（实际上是 调试器命令）。

解决的办法就是在引发和启动事件及其事件方法的循环中消除任何调试器命令。