Öffnen eines Dateidialogs ohne FILE-Eingabe - Javascript, Jquery, HTML

Ich habe gesehen Dies Webseite. Wenn Sie auf das mittlere Element klicken, wird ein Dateidialog geöffnet, in dem Sie ein Bild hochladen können. Ich kann einen Dateidialog mit einem öffnen input[type=file].

Wie kann ich denselben Dialog öffnen und seine Ausgabe über jQuery-Ereignisse verwenden (z. B. a click auf einen div)

Antworten:

Es ruft nur das Klicken auf eine versteckte Eingabe auf.

<input id="fileSelector" type="file" style="visibility:hidden"/>
<div id="adiv">Click<div>

...

$(function() {
$("#adiv").click(function() {
$("#fileSelector").click();
});
});

 $("#uploadFile").click(function (e) {
$(this.find("input[type="file"]").click();
});

Wobei "uploadFile" das Div oder die Schaltfläche sein kann, auf die Sie klicken und die Sie eingeben