Discussion :

[alex1er]

Bonjour à tous

Je vais essayer d'expliquer mon soucis de manière claire.

J'ai développé une interface admin qui permet d'uploader une photo grande résolution et qui réalise un tuilage pour un deep-zoom.
Jusque là tout va bien.

Par contre, ce tuilage étant chronophage, je tente d'afficher à l'écran un gif d'attente avant que le tuilage ne commence.

Le problème est que le script attend que le tuilage soit terminé pour afficher le gif, du coup, cela ne sert à rien...

Pourquoi est-ce que le script de tuilage bloque l'affichage, alors que l'affichage est appelé avant?
Je ne pense pas avoir besoin d'utiliser un thread pour cela...

Qu'en pensez-vous?

Merci
Alexandre

[erox44]

Hello,
à vue de nez, je penche plutôt pour du AJAX.

=> appel ajax via JS, qui te met un loader le temps que ton traitement se complète, y'a 15000 exemples sur le net à ce propos.


Bonne chance.

[alex1er]

Merci pour ton aide.

Par contre tu le mets à quel niveau ton ajax?

Sur la page du formulaire pour la soumission via une iframe?

Sinon, je ne vois pas.
Merci

[Bovino]

En gros, ton problème c'est que tel que tu décris le fonctionnement de ton script, l'image gif ne sert à rien.
PHP sert à générer côté serveur du code HTML et à l'envoyer au navigateur qui pourra l'afficher. Donc dans ton cas, tu essayes d'afficher une image gif avant que le contenu HTML ne soit envoyé au navigateur... sauf si tu veux que l'image s'affiche sur l'écran de contrôle du datacenter de ton hébergeur, ça ne sert à rien !
L'idée de erox44, c'est d'afficher directement ton gif d'attente dans ton script PHP et d'envoyer le tout au navigateur sans te soucier du redimensionnement de ton image que tu vires donc de ton script PHP pour le mettre dans un fichier séparé.
Côté navigateur, au chargement de la page, tu envoies une requête AJAX vers le script de redimensionnement qui une fois le travail terminé pourra renvoyer l'URL de l'image et ton script JavaScript, une fois qu'il aura reçu cette réponse, pourra remplacer l'attribut src de l'image par la valeur récupérée.

[alex1er]

Ok, je pense avoir compris le principe.

L'action de mon formulaire pointe sur un script php qui affiche mon gif d'attente et qui appelle via ajax mon script php de traitement de mon image haute résolution.

Est-ce bien cela?

Cela est quasiment équivalent à la soumission du formulaire via une iframe et affichage d'une modale en js qui va attendre une réponse du script via l'iframe.

Je vais tester cela.

Merci.
Alexandre

[Bovino]

Arf... j'avais pas vu cet aspect d'upload du fichier...

Non, tu ne pourras pas envoyer les données via AJAX car AJAX ne sait pas envoyer de fichier.
Pour moi, la solution, ce serait donc de soumettre ton formulaire.
Dans le traitement de celui-ci, tu gères ton image de façon classique : vérification du type de fichier toussa puis déplacement du dossier temporaire, mais tu ne la traite pas encore.
Tu affiches ta page de résultat de traitement du formulaire en affichant ton gif d'attente et dans cette page (au chargement) tu envoies la requête AJAX (qui indiquera en paramètre quelle image doit être traitée) vers le script de tuilage.
Une fois que ce dernier a renvoyer sa réponse de succès, tu peux afficher l'image traitée.

[alex1er]

Merci de m'avoir éclairé.

En fait, je viens de trouver une solution hyper simple, ce qu'il me faut car je suis sur un plugin wordpress et ce n'est pas évident de bricoler dedans.

Voici la solution :

• Ajout d'une Iframe dans la page du formulaire
• Ajout d'une fonction sur le onload de l'iframe
• Définition de la cible du formulaire comme étant l'iframe.
• Sur le submit du formulaire, j'ouvre la modale d'attenteDans la fonction du onload de l'iframe, je teste le contenu du body :
  
• si il est vide, on ne fait rien car cela correspond à l'ouverture de la page du formulaire
• si il n'est pas vide je ferme la modale contenant le message d'attente.