Heim > Web-Frontend > js-Tutorial > Hauptteil

Wie kann ich mit jQuery ein verstecktes Dateieingabefeld auslösen?

Linda Hamilton
Freigeben: 2024-11-09 01:48:02
Original
864 Leute haben es durchsucht

How can I trigger a hidden file input box with jQuery?

Dateieingabe mit jQuery auslösen

Um eine Upload-Box mit jQuery zu initiieren, haben Sie die Methode verwendet:

$('#fileinput').trigger('click');

Es hat sich jedoch als erfolglos erwiesen. Dies wirft die Frage auf: Wie kann man mit jQuery erfolgreich ein Dateieingabefeld auslösen?

Sicherheitsbeschränkungen und Problemumgehung

Der fehlgeschlagene Versuch kann auf Sicherheitsbeschränkungen zurückgeführt werden. Es ist wichtig zu beachten, dass Sicherheitseinschränkungen gelten, wenn der Das Element wird ausgeblendet (entweder durch display:none oder sichtbarkeit:versteckt).

Um diese Einschränkung zu umgehen, besteht eine Problemumgehung darin, das Element Element außerhalb des Ansichtsfensters durch Festlegen von position:absolute und top:-100px. Durch diese verschobene Positionierung kann der Auslösemechanismus effektiv funktionieren.

Hier ist ein Beispiel für eine solche Lösung: http://jsfiddle.net/DSARd/1/

Dieser Ansatz täuscht im Wesentlichen den Browser dazu, das Element als außerhalb des Ansichtsfensters befindlich wahrzunehmen, sodass der Auslösemechanismus wie beabsichtigt funktionieren kann.

Das obige ist der detaillierte Inhalt vonWie kann ich mit jQuery ein verstecktes Dateieingabefeld auslösen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Artikel des Autors
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage