Angular / Firebase 上传文件错误：“[object Object]”

Question

EDIT : I found the solution needed to put the file name in the ref :

this.fireStorage.storage.ref(file.name).put(file);

I am trying to upload a file to FireStorage. But I am stuck on this error:

ERROR Error: "[object Object]" Angular 13 GedInputComponent.html:6:2 View_GedInputComponent_0 GedInputComponent.html:6 Angular 13

ERROR CONTEXT Object { view: {…}, nodeIndex: 8, nodeDef: {…}, elDef: {…}, elView: {…} } GedInputComponent.html:6:2 View_GedInputComponent_0 GedInputComponent.html:6 Angular 13

Here is my code :

<mat-dialog-content class="content">
  <input type="file" (change)="detectFile($event)"/>
</mat-dialog-content>
<mat-dialog-actions class="buttons">
  <button mat-raised-button (click)="addFile()">Add</button>
</mat-dialog-actions>

Here I get the file :

export class GedInputComponent {
  selectedFile: File;

  addFile() {
    this.gedService.uploadFile(this.selectedFile);
    this.dialogRef.close();
  }
  detectFile(event) {
    this.selectedFile = event.target.file;
  }
}

Here I try to upload the file :

export class GedService {
  constructor(private fireStorage: AngularFireStorage) { }
  public uploadFile(file: File): void {
    this.fireStorage.storage.ref().put(file); // When i remove this line there is no error
  }
}

Answer 1

I think that you should do:

  detectFile(event) {
    this.selectedFile = event.target.files[0];
  }

Have a look at Uploading files with upload and at Using files from web applications .