So klicken Sie auf das A-Tag, um das Dialogfeld zum Hochladen der Eingabedatei zu öffnen

So klicken Sie auf das A-Tag, um das Dialogfeld zum Hochladen der Eingabedatei zu öffnen
html

Code kopieren
Der Code lautet wie folgt:

<SPAN-Klasse=Tag><<SPAN-Klasse=Titel>div</SPAN>></SPAN>
<SPAN class=tag><<SPAN class=title>a</SPAN> <SPAN class=attribute>href</SPAN>=<SPAN class=value>"###"</SPAN>></SPAN>Bild hinzufügen<SPAN class=tag></<SPAN class=title>a</SPAN>></SPAN>
<SPAN class=tag><<SPAN class=title>Eingabe</SPAN> <SPAN class=attribute>Typ</SPAN>=<SPAN class=value>"Datei"</SPAN> <SPAN class=attribute>Name</SPAN>=<SPAN class=value>"Bild"</SPAN> <SPAN class=attribute>Klasse</SPAN>=<SPAN class=value>"versteckt"</SPAN> <SPAN class=attribute>Wert</SPAN>=<SPAN class=value>""</SPAN> /></SPAN>
<SPAN-Klasse=Tag></<SPAN-Klasse=Titel>div</SPAN>></SPAN>

CSS

Code kopieren
Der Code lautet wie folgt:

<SPAN Klasse=Klasse>.versteckt</SPAN> <SPAN Klasse=Regeln>{
<SPAN class=rule><SPAN class=attribute>Anzeige</SPAN>:<SPAN class=value> keine;</SPAN></SPAN>
<SPAN-Klasse=Regel>}</SPAN></SPAN>


Code kopieren
Der Code lautet wie folgt:

jQuery
$('a').on('click', Funktion(e) {
e.preventDefault();
$(this).closest('input[Typ=Datei]').trigger('Klick');
})

<<:  Wissen Sie, welche Möglichkeiten es gibt, in Vue Routen zu überspringen?

>>:  Lösung für Überlauf: versteckter Fehler in CSS

Artikel empfehlen

So ziehen Sie das Docker-Image herunter, um die Version anzuzeigen

Um die Version und das Tag des Bildes anzuzeigen,...

Ein Beispiel, wie Tomcat Session verwaltet

Sie haben ConcurrentHashMap gelernt, wissen aber ...

Detaillierte Erklärung zum Festlegen des Kontextpfads in der Webanwendung

URL: http://hostname.com/contextPath/servletPath/...

Entmystifizierung des HTML 5-Arbeitsentwurfs

Das World Wide Web Consortium (W3C) hat einen Entw...

Floaten und Floaten löschen in der Übersichtsseite

1. Float: Der Hauptzweck besteht darin, den Effek...

Detaillierte Erklärung zu Padding und Abkürzungen im CSS-Boxmodell

Wie oben gezeigt, sind Füllwerte zusammengesetzte...

So installieren Sie das Modul „lua-nginx-module“ in Nginx

ngx_lua_module ist ein Nginx-HTTP-Modul, das den ...

HTML n Möglichkeiten zum Erreichen eines alternativen Farbcode-Beispielcodes

In diesem Artikel wird hauptsächlich der Beispiel...

Beispielcode zum Festlegen des Beschriftungsstils mithilfe des CSS-Selektors

CSS-Selektoren Durch Festlegen des Stils für das ...

Detaillierte Schritte zum Speichern von Emoji-Ausdrücken in MySQL

Verursacht durch: java.sql.SQLException: Falscher...

Detaillierte Erklärung zur Verwendung der Element-el-button-Button-Komponente

1. Hintergrund Schaltflächen werden sehr häufig v...

So visualisieren Sie skizzierte Diagramme in Vue.js mit RoughViz

einführen Ein Diagramm ist eine grafische Darstel...

Drei Möglichkeiten zum Implementieren eines Textfarbverlaufs in CSS

Bei der Entwicklung von Web-Frontends entwerfen U...