input file reset?

[hawkmaster1]

Hallo, ich versuche ein Input Type=file zurückzusetzen. Die Dateiauswahl erscheint in einem Modal Fenster. Wenn man eine Datei auswählt erscheint ja neben "Druchsuchen" der Dateiname. Wenn man jetzt aber nicht uploaded sondern wo anders hinklickt ist ja das Modalfenster wieder weg und man sieht das Hauptformular. Wenn man nun wieder die Dateiauswahl aufruft ist der alte Dateiname von voerher sichtbar.

Dies würde ich gerne verhindern.

Ich dachte es geht ganz einfach mit jquery $('#uploadfile').val('');

geht aber nicht.

<input name='file[]' id='uploadfile' type='file' multiple='multiple'>

//Versuch mit unwrap
var el = $('#uploadfile');
        el.wrap('<form>').closest('form').get(0).reset();
        el.unwrap();
	//erster Versuch	
	$('#uploadfile').val('');

Hat jemand noch einen anderen Vorschlag?

Danke Gruss hawk

[Gunnar Bittersmann]

@@hawkmaster1

Hat jemand noch einen anderen Vorschlag?

1. Suchmaschine seiner Wahl nach input file reset befragen

2. ersten Suchtreffer ansehen

3. erste Antwort ansehen

Hilft das?

LLAP 🖖

[hawkmaster1]

Hallo Gunnar,

danke für den Hinweis aber das hatte ich bereits gefunden. Es funktioniert zwar im jsFiddle Test aber leider nicht bei mir.

//event wenn auf Button geklickt und das Modal mit der Dateiauswahl angezeigt wird
$('#Product').on('click', function(event){
  resetFormElement($('#fil_uploaduserfile'));

});

function resetFormElement(e) {
  e.wrap('<form>').closest('form').get(0).reset();
  e.unwrap();

  // Prevent form submission
  //e.stopPropagation();
  //e.preventDefault();
}

Die "alte" Datei bzw. der Name ist immer noch sichtbar.

Gruss hawk

[hawkmaster1]

Ich habs jetzt herausgefunden. Ich weiss nicht ob das Bootstrap so macht, auf jedenfall gibt es zusätzlich zum input type=file noch darunter ein normales input type=text wo der ausgewählte Dateiname angezeigt wird. Dieses muss man zurücksetzten bzw. kann man einfach mit jquery "#fil_uploaduserfiletext.val('')" zurücksetzten.

<div class='input-group'>
	 <span class='input-group-btn'>
	<span class='btn btn-primary btn-file'>
				"; echo 'Search...'; echo " <input name='file[]' id='fil_uploaduserfile' type='file' multiple='multiple'>
				</span>
			 </span>
				    <input type='text' id='fil_uploaduserfiletext' class='form-control' readonly>
			</div>

Gruss hawk