Fehler beim festlegen der 'value' - Eigenschaft auf 'HTMLInputElement'

Wenn ich versuche zu ordnen, meine blob-Datei zu einem File-Objekt, es gibt mir die folgende Fehlermeldung:

Kern.js:1448 FEHLER Error: Uncaught (bei Versprechen): InvalidStateError:
Fehler beim festlegen der 'value' - Eigenschaft auf 'HTMLInputElement': Dieser Eingang
element einen Dateinamen akzeptiert, die nur programmgesteuert festgelegt
der leere string. Fehler: Fehler beim festlegen der 'value' - Eigenschaft
'HTMLInputElement": Diese input-element einen Dateinamen akzeptiert, die möglicherweise
nur programmgesteuert auf die leere Zeichenfolge gesetzt.

Überprüfte ich den Inhalt, wenn ich console.log() in es es gibt mir den Inhalt der Datei. Warum ist es, dass Sie mir die Fehlermeldung, wenn ich versuche zuzuordnen examen_bestand?

HTML:

<input type="file" [(ngModel)]="examen_bestand" name="examen_bestand" class="form-control-file" id="exampleInputFile" aria-describedby="fileHelp" (change)="fileChanged($event)">

TS:

export class StudentUploadComponent implements OnInit {
  @Input() examensStudent: Examen[] = [];
  examen_id: number;
  examen_bestand: any;

  constructor(private serv: ExamService) { }

  onSubmit(form) {
    console.log(form.values);
  }

  fileChanged(e) {
    const reader = new FileReader();
    reader.onload = () => {
      this.examen_bestand = reader.result;
    };
    reader.readAsText(e.target.files[0]);
  }

  ngOnInit() {
    this.serv.getExams().subscribe(data => this.examensStudent = data);
  }

}
  • Der Fehler tritt während der Eingabe der Datei-oder component-load.?
  • Es tritt auf, wenn ich die Datei auszuwählen. So in der "fileChanged ()" - Funktion. Um genauer zu sein, ich bin mir ziemlich sicher, dass es die Linie this.examen_bestand = reader.result;
  • Sie sind die Einstellung der Datei-Eingabe mit dem Ergebnis, das den Inhalt der Datei, die Sie ausgewählt haben. Ich bin mir nicht sicher, was Sie versuchen zu erreichen mit [(ngModel)], aber du hast Recht. Es passiert, wenn Sie examen_bestand, um den Inhalt der Datei.
  • Ich versuche zum abrufen von blob-so kann ich in der Datenbank speichern.
  • Oh, gut, Sie brauchen nicht ngModel für, die.
  • Ah sehr dumm von mir, das war ja das problem.. ich vergaß ich bin der Abruf der Daten durch die (änderungs -) sowieso. Do you mind posting, das als Antwort, so kann ich es akzeptieren?
  • Hier sind Sie versuchen, binden Sie das Eingabefeld durch [(ngModel)], um das blob, das das Problem verursacht. War das Absicht oder war es ein Tippfehler.? Ich denke, input type=file doesnt nehmen Sie blob als Wert.

InformationsquelleAutor Sinan Samet | 2018-05-14
Schreibe einen Kommentar