Angolare js File di tipo di input - cancella il file precedentemente selezionato

Question

Sto usando input type="file" per il controllo del caricamento utilizzando js angolari. Ogni volta che faccio clic su Sfoglia, non voglio vedere il file selezionato in precedenza. Per impostazione predefinita, questo sembra essere mantenuto. Può essere raggiunto scrivendo una direttiva? Può essere attivato ogni volta che faccio clic su Sfoglia?

Sto usando un'implementazione bootstrap per sostituire il pulsante di ricerca predefinito con un po 'meglio.

<span class="useBootstrap btn btn-default btn-file"> 
       Browse <input type="file" /> 
      </span> 

Answer 1

Questo era il modo più semplice, senza utilizzare alcuna direttiva o codice complesso.

Browse <input type="file" ng-click="clear()" 

E nel controller

$scope.clear = function() { 
    angular.element("input[type='file']").val(null); 
}; 

Answer 2

here is alternate way to clear input file type. 
HTML ->> 
`<span class="useBootstrap btn btn-default btn-file"> 
    Browse <input type="file" ng-if="clearBtn" /> 
</span>` 

Js ->> 

`//initial loading 
$scope.clearBtn = true; 
// after submit/on reset function 
$scope.submitform = function(){ 
//submit logic goes here; 
//onsuccess function 
$scope.clearBtn = false; 
    $timeout(function(){ 
    $scope.clearBtn = true; 
    }); 
}`