Öffnen Sie ein Datei-dialog, wenn die übergeordnete div geklickt wird, mithilfe von jQuery

Will ich eine Datei öffnen-dialog, wenn das übergeordnete div geklickt wird. Wenn ich auf der ersten übergeordneten div, es sollte nur öffnen, die erste Eingabe-Datei.

<div class="fileupload">
    <input type="file" class="file" name="image" />
</div>

<div class="fileupload">
    <input type="file" class="file" name="attachement" />
</div>
InformationsquelleAutor user1915190 | 2013-01-02
  1. 10

    Nur trigger die click Veranstaltung auf der input element:

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

$('.fileupload input').click(function(e) {
    e.stopPropagation();
});​

    Demo: http://jsfiddle.net/EctCK/

    • Danke für die Antwort, Wenn ich versuche, ich bin immer dieser Fehler " Uncaught SyntaxError: Unexpected token } '
    • Das ist ein syntax-Fehler irgendwo in Ihrem Skript.
    • Wenn ich auf das div, mein browser ist abgestürzt
    • Mein Szenario war ein wenig anders, aber diese Antwort hat mir wirklich geholfen, um die Form zu meinem code.
    InformationsquelleAutor Blender
  2. 0

    Versuchen Sie es mit trigger(),

    $(document).ready(function() {
    $(this).parents(".fileupload").find("input[type='file']").trigger('click');
});
    • Danke, Wenn ich auf dem übergeordneten div, mein browser bekam abgestürzt
    • versuchen Sie es erneut und versuchen Sie es mit anderen Browsern
    InformationsquelleAutor Swarne27
Schreibe einen Kommentar