Clearing-Inhalte von Fileupload Kontrolle durch Javascript

Question

ich ein Skript bin mit der Dateigröße der ausgewählten Datei zu überprüfen, jetzt will ich den Inhalt des Datei-Upload auf lösche, wenn die Datei die maximale Größe überschreiten:

var myFile = document.getElementById('attach'); 
myFile.addEventListener('change', function() { 
var size = this.files[0].size; 
if(size>10000000){ 
showDialog('File exceeded maximum allowed limit of 10 Mb', 'File Size Exceeds'); 
clear('new'); 
} 

});

Und die klare Funktion:

<script> 
    function clear(tagId) { 
    document.getElementById(tagId).innerHTML = 
    document.getElementById(tagId).innerHTML; 
    } 
</script> 

Der HTML-Eingabesteuercode ist

<div id="new"> 
    <input type="file" name="attach[]" id="attach" size="30" 
    onchange="document.getElementById('moreUploadsLink').style.display = 'block';" /> 
    </div> 

Das Problem ist der Inhalt nicht gelöscht werden, gelöscht, wenn nur zum ersten Mal überschreitet Dateigröße Wenn der Benutzer seine Auswahl immer wieder ändert, wird der Inhalt nicht gelöscht. Irgendeine Art von Logik-Fehler kann

Answer 1

sein Wenn Sie meinen Inhalt div löschen dann:

myFile.addEventListener('change', function() { 
var size = this.files[0].size; 
if(size>10000000){ 
    showDialog('File exceeded maximum allowed limit of 10 Mb', 'File Size Exceeds'); 
} 
clear('new'); //place it out of if , if you want to clear everytime 
}); 

function clear(tagId) { 
    document.getElementById(tagId).innerHTML = ""; 
} 

Hast du so etwas wie dies bedeuten ..