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

Wenn Sie mehrere Dateien in Ihrem Formular haben, aber nur eine von ihnen zurücksetzen möchten:

Wenn Sie Bootstrap, jQuery, Filestyle verwenden, um das Eingabedateiformular anzuzeigen:

$("#"+idInput).filestyle('clear');

Answer 2

Funktioniert auch für dynamische Steuerelemente.

Javascript

function FileValidate(object) {
    if ((object.files[0].size / 1024 / 1024) > 1) {   //größer als 1 MB         
        $(object).val('');
    }     
}

JQuery

$(document).ready(function () {

    $('.UpoloadFileSize').bind('change', function () {                
        if ((this.files[0].size / 1024000) > 1.5) { //größer als 1,5 MB
            $(this).val('');
            alert('Größe überschritten !!');
        }
    });

});

Answer 3

var fileInput = $('#uploadCaptureInputFile');
fileInput.replaceWith(fileInput.val('').clone(true));