Soumettre le fichier upload/formulaire sur la sélection de fichier

Question

Je voudrais prendre mon formulaire ci-dessous, et en quelque sorte l'ajuster pour soumettre le formulaire lorsque l'utilisateur sélectionne un fichier. Comment puis je faire ça? Étant donné que le bouton sera absent (idéalement), comment puis-je toujours afficher ma couche de chargement d'image après l'envoi?

Pour clarifier, je veux que le bouton d'envoi lui-même ait disparu, et lorsque l'utilisateur sélectionne un fichier, soumettez le formulaire et affichez la couche #loading.

Answer 1

Vous pouvez piéger le soumettre événement:

$("#uploadform form").submit(function() 
{ 
    $("#uploadform").hide(); 
    $("#loading").show(); 
}); 

Answer 2

Vous pouvez utiliser le gestionnaire d'événements onChange pour l'élément de fichier, mais qui est connu pour avoir des problèmes d'incompatibilité du navigateur, peut-être jquery peut gérer pour vous bien. Ensuite, bien sûr, dans le gestionnaire d'événements, vous devez soumettre le formulaire et afficher votre boîte de dialogue de chargement. Si vous voulez éviter un rafraîchissement de la page, le formulaire devra être soumis dans un IFrame, sinon votre boîte de dialogue de chargement ne s'affichera pas très longtemps ... :)