Wie kann ich den Wert eines Dateieingabesteuerelements mit jQuery löschen?

Dateieingabesteuerung mit jQuery löschen

Es stellt sich die Frage: Ist es möglich, den Wert einer HTML-Dateieingabesteuerung zurückzusetzen (< Eingabetyp = „Datei“) mit jQuery? Der herkömmliche Ansatz, den Wert des Elements über attr({ value: '' }) auf eine leere Zeichenfolge zu setzen, erweist sich als unwirksam.

Um dieses Problem anzugehen, entsteht eine einzigartige Lösung. Das Dateieingabesteuerelement ist in ein Formularelement eingeschlossen. Anschließend wird die Reset-Methode im Formular aufgerufen, wodurch die Eingabewerte effektiv gelöscht werden. Abschließend wird das Formular mit der Funktion unwrap() entfernt.

Entscheidend ist, dass bei dieser Technik die ursprüngliche Dateieingabesteuerung intakt bleibt und alle benutzerdefinierten Eigenschaften oder Attribute erhalten bleiben. Tests haben die Kompatibilität mit einer Reihe von Browsern bestätigt, darunter Opera, Firefox, Safari, Chrome und IE6.

Für zusätzliche Vielseitigkeit kann dieser Ansatz auch auf andere Formularelemente angewendet werden. Eine Ausnahme bleiben jedoch ausgeblendete Eingabefelder.

Unten finden Sie einen Codeausschnitt, der zeigt, wie diese Lösung implementiert wird:

window.reset = function(e) {
  e.wrap('<form>').closest('form').get(0).reset();
  e.unwrap();
};</p>
<pre class="brush:php;toolbar:false"><script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<form>
  <input>

Das obige ist der detaillierte Inhalt vonWie kann ich den Wert eines Dateieingabesteuerelements mit jQuery löschen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!