Targeting 'Öffnen' Button auf Formular Upload

Question

Aus ästhetischen Gründen wollte ich ein verstecktes Dateiformat zu meinem HTML-Dokument hinzufügen. Letztendlich möchte ich im Stil von Facebook, wenn der Benutzer nach der Dateiauswahl auf "Öffnen" klickt, diese Bilder automatisch auf eine andere Seite posten, auf der Miniaturen angezeigt werden und jedem Bild Formulare zugeordnet sind, die der Benutzer bearbeiten kann. Ich bin neu in der Webentwicklung und lerne auf Laravel 5.2.

ich Leveraged jQuery ein Ereignis, wenn der Benutzer auf den Link klicken, um zu erstellen:

$(document).ready(function() {  
    $("#uploadAlbumLink").on('click', function (e) { 
     e.preventDefault(); 
     $("#selectImages").trigger('click'); 
    }); 
}) 

Dies funktioniert gut, aber ich weiß nicht, wie die Schaltfläche ‚Öffnen‘ im Dateiauswahlfenster zum Ziel, so dass ein zusätzliches Ereignis ausgelöst wird, das die Formularübergabe aktiviert. Wie würde ich das tun? Gibt es einen anderen Ansatz, der empfohlen wird?

Answer 1

Wenn <input type="file"> Element hat name Attribut gesetzt, können Sie change Ereignis bei <input type="file"> Element verwenden, um Eltern <form> Element einreichen, indem Sie auswählen Mutter schließt form Element verwendet .closest(), .submit(), wenn der Benutzer Dateien auswählt. Obwohl dem Benutzer die Möglichkeit gegeben wird, die Benutzeraktion zu übermitteln, wäre dies für den Benutzer wahrscheinlich eine klarere Angabe, dass hochgeladene Dateien an einen Server gesendet werden.

$("#selectImages").change(function(e) { 
    if (e.target.files.length) { 
    $(this).closest("form").submit() 
    } 
})