HTML Formulaire multiple - Actualiser le problème

Question

J'ai deux formulaires dans une page. La deuxième forme a un composant d'entrée de téléchargement de fichier avec d'autres contrôles. Mon exigence est de soumettre le deuxième formulaire avec le fichier et actualiser uniquement ce formulaire sans actualiser l'autre formulaire. Si ce n'était que des composants normaux, j'aurais pu le faire facilement en Ajax. Mais quand le formulaire a un composant de fichier, je ne pense pas que ce soit le cas. S'il vous plaît suggérer des idées pour le faire ???

Answer 1

Vous pouvez toujours utiliser AJAX sur un formulaire avec des composants de fichier. Peut-être que vous pouvez utiliser la bibliothèque jQuery (si ce n'est pas déjà fait), car cela rend ces tâches triviales.

Answer 2

Mettez le deuxième formulaire dans un iframe.

Answer 3

La façon dont je l'ai fait dans le passé est de cacher un iframe sur la page. Définissez ensuite la cible du formulaire de téléchargement de fichier sur le nom qui a été donné à l'iframe. Si vous devez être conforme à xhtml, vous pouvez utiliser JavaScript pour créer l'iframe après le chargement de la page et pour définir la cible sur le formulaire. Le code ressemblera à ceci. Vous pouvez appliquer css au cadre pour le cacher.

<iframe name="myFrame" src="blank.htm"></iframe> 
<form action="uploadFile.php" method="post" enctype="multipart/form-data" target="myFrame"> 
    <input type="file" name="myFile"/> 
    <input type="submit" value="Upload"/> 
</form>