Question

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

要点是就绪状态不会更改为2，所以结果属性永远不会填充它，因此我无法获取数据。

据我所知：

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

最后……很奇怪，希望这个答案对大家有帮助，或者至少为您提供这种情况的线索。

当事件与 debugger命令冲突时，

Chrome版本（从 73 到 75 ）（已修复）存在问题。 或断点（实际上是 debugger命令）。

解决方案是在引发和启动事件及其事件方法的周期中消除任何 debugger命令。

FileReader.readystate停留在1。未触发Onload

1 个答案: