Wie man <input type = "file"> in Angular zurücksetzt

Question

Ich entwickle eine Metro-App mit VS2012 und Javascript

Ich möchte den Inhalt meines Dateieingabefelds zurücksetzen:

Wie soll ich das machen?

Answer 1

document.getElementById("uploadCaptureInputFile").value = "";

Answer 2

Nur verwenden:

$('input[type=file]').val('');

Answer 3

Zurücksetzen

$(document).ready(function(){
$("p").click(function(){

            $("#mfile").val('');
            return false;

    });
});
</code></pre>

<p></p></x-turndown>

Answer 4

Mit Angular können Sie eine Template-Variable erstellen und den Wert auf null setzen

Zurücksetzen von der UI

Oder Sie können eine Methode zum Zurücksetzen erstellen, wie dies hier

component.ts

  @ViewChild('fileUploader') fileUploader:ElementRef;

  resetFileUploader() { 
    this.fileUploader.nativeElement.value = null;
  }

Template

Zurücksetzen von der Komponente

Stackblitz-Demo

Answer 5

Sie können das nicht zurücksetzen, da es sich um eine schreibgeschützte Datei handelt. Sie können sie klonen, um das Problem zu umgehen.