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

Ich benutze für vuejs

this.$refs.fileref.value = ''

Answer 2

Die Zurücksetzung der Eingabedatei erfolgt bei jedem einzelnen

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

Wenn Sie die Datei beim Ändern eines anderen Feldes im Formular binden oder das Formular mit Ajax laden.

Dieses Beispiel ist anwendbar

Selector ist zum Beispiel $('input[type=text]') oder ein beliebiges Element des Formulars

Event click, change oder ein beliebiges Ereignis

$('body').delegate('event', 'Selector', function(){
     $('input[type=file]').val(null) ;
});

Answer 3

Meine beste Lösung

$(".file_uplaod_input").val('');  // das funktioniert am besten ):

Answer 4

Es gibt viele Möglichkeiten und ich werde vorschlagen, beim Hinzufügen einer Referenz zur Eingabe zu bleiben.

 this.fileInput = ref}
    multiple
    onChange={this.onFileChangeHandler}
/>

um den Wert nach dem Absenden zu löschen.

this.fileInput.value = "";

Answer 5

Mit IE 10 habe ich das Problem mit gelöst :

    var file = document.getElementById("file-input");
    file.removeAttribute('value');
    file.parentNode.replaceChild(file.cloneNode(true),file);

wo :