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

Dies könnte wie folgt erfolgen

var inputfile= $('#uploadCaptureInputFile')
$('#reset').on('click',function(){
inputfile.replaceWith(inputfile.val('').clone(true));
})

Reset

Answer 2

Ich hatte das Problem mit ng2-file-upload für Angular. Wenn Sie nach der Lösung in Angular suchen, verweisen Sie auf den unten stehenden Code

HTML:

**#activeFrameinputFile** `ng2FileSelect [uploader]="frameUploader" (change)="frameUploader.uploadAll()" />`

``

Komponente

import { Component, OnInit, ElementRef, ViewChild } from '@angular/core';

@ViewChild('activeFrameinputFile')InputFrameVariable: ElementRef;

this.frameUploader.onSuccessItem = (item, response, status, headers) => {

`this.`**InputFrameVariable**`.nativeElement.value = '';`

};

``

Answer 3

Du solltest das ausprobieren:

$("#uploadCaptureInputFile").val('');

Answer 4

JQuery-Lösung:

    $('input').on('change',function(){
                $(this).get(0).value = '';
                $(this).get(0).type = '';
                $(this).get(0).type = 'file';
            });

Answer 5

function resetImageField() {
    var $el = $('#uploadCaptureInputFile');                                        
    $el.wrap('

Feld zurücksetzen