Je travaille actuellement sur un formulaire qui comprend des entrées de fichiers pour télécharger des images. Il y a un onchange() pour ces entrées, qui soumet les images à un iframe puis charge dynamiquement les images téléchargées dans le formulaire, avec des champs à modifier pour elles (comme nom y géolocalisation ).
Comme je ne peux pas imbriquer les formulaires, le file_input est également contenu dans un iframe . En fin de compte, j'utilise un iframe à l'intérieur d'un autre iframe . J'ai donc quelque chose comme ça :
<form>
<!-- LOTS OF FIELDS!! -->
<iframe src="file_input_url">
<!-- iframe which loads a page of a form with a file input-->
</iframe>
</form>et le code HTML chargé dans le fichier iframe est à peu près le suivant (à l'exclusion du html , head y body étiquettes)
<form target="upload_iframe">
<input type="file" onchange="this.form.submit()">
</form>
<iframe name="upload_iframe"></iframe>Cela fonctionne très bien, à l'exception du fait qu'il faut quelques secondes pour charger la première page. iframe de sorte que l'entrée du fichier ne se charge pas avec le reste de la page. Ce n'est pas idéal d'un point de vue visuel. Je pourrais résoudre ce problème en spécifiant l'option iframe sans avoir à charger une autre page (spécifiée par file_input_url dans le premier iframe ).
Existe-t-il un moyen de spécifier le iframe dans le même document, ou ne peut-elle être spécifiée qu'avec l'option src nécessitant le chargement d'une autre page ?
