Discussion :

[mkdir]

Bonjour.

Je souhaite réaliser un formulaire html avec saisie de champs texte, et possibilité d'ajouter un ou plusieurs pièces jointes (une par une, pas de nécessité de gérer une multiple sélection), sans avoir à recharger la page (ce qui exclu la méthode classique en php (FORM, FILES..) et compatible vieux navigateurs. Je n'ai besoin que d'un post traitement simple (vérification de taille, format... ), pas besoin de générer de miniature, ni besoin de barre de progression pendant le téléversement.

Mon besoin peut correspondre à ce qui est implémenté ici même dans ce forum, en mode édition de message avec "Gérer les pièces jointes", où le choix technique retenu a été d'ouvrir une nouvelle page indépendante du formulaire de saisie du texte, ce que j'essaye d'éviter d'un point de vue ergonomie.

La méthode consistant à ajouter un input type file en complément du formulaire de saisie de champs texte, et y associer en ajax une fonction $(':button').on('click', function() semble proscrite car incompatible IE < 10 me semble-t-il.

Quelle est la meilleure approche à retenir pour une saisie texte statique associée à un ajout dynamique de pièces attachées ?

D'avance merci pour vos conseils.

Cordialement.

[Invité]

Bonjour,

Selon tes contraintes :

• pas en PHP
• pas en JavaScript/ Ajax
• pas de rechargement de page
• pas de page indépendante

Réponse : "Abracadabra !" ?

[bonjourajax]

Bonsoir

sans avoir à recharger la page

Envoyer l'utilisateur sur une autre page
Comme ça tu pourras utiliser php sans recharger la page

Avec les mises a jour "forcées" de microsoft windows il doit y avoir un nombre vraiment infime de personne qui sont encore sur internet explorer, alors IE < 10 n'en parlons pas !

[Celira]

La méthode consistant à ajouter un input type file en complément du formulaire de saisie de champs texte, et y associer en ajax une fonction $(':button').on('click', function() semble proscrite car incompatible IE < 10 me semble-t-il.

Je ne vois pas pourquoi : ce n'est pas comme si AJAX avait été inventé en 2018.
Il suffit d'utiliser des composants compatibles avec ta cible. Exemple dans la doc jquery :

Current Active Support (jquery 3.3.1)
Desktop

Chrome: (Current - 1) and Current
Edge: (Current - 1) and Current
Firefox: (Current - 1) and Current
Internet Explorer: 9+
Safari: (Current - 1) and Current
Opera: Current

Mobile

Stock browser on Android 4.0+
Safari on iOS 7+

If you need to support older browsers like Internet Explorer 6-8, Opera 12.1x or Safari 5.1+, use jQuery 1.12.

http://jquery.com/browser-support/

Cela dit, j'ai cherché un peu des stats sur les navigateurs et d'après les chiffres que j'ai trouvé, IE8- couvre moins d'0.5% des navigateurs.
StatCounter Global Stats - Browser, OS, Search Engine including Mobile Usage Share

[Vil'Coyote]

sans avoir à recharger la page (ce qui exclu la méthode classique en php (FORM, FILES..)
.....
une saisie texte statique associée à un ajout dynamique de pièces attachées

pour récupérer le fichier, y a pas a tortiller tu auras du php. maintenant, si je suit ta logique, il te faut une méthode d'ajout de 1 à n documents sans réellement savoir combien tu en envoi. du coup de mon côté la seule partie logique compatible "vieux" navigateur (par contre pourquoi te focaliser sur ie antérieur à 10?) serait de mettre un bouton "+" pour ajouter en javascript un input type file supplémentaire à chaque clic.

[mkdir]

Bonjour.

Je me suis mal exprimé, je ne rejetais pas une solution en php, d'ailleurs c'est ce que j'ai utilisé pour résoudre mon problème.

Ce que je ne voulais pas, si utilisation d'un FORM avec action gérée par php, c'était que la page entière soit rechargée suite à l'upload de fichier. (le script se rappelle lui même, ce qui provoque un rechargement de la page... Ce que je voulais désigner par "méthode classique php").
En effet, le problème était de faire cohabiter deux formulaires :
l'un "dynamique" qui permet de téléverser un fichier et puisse se rappeler autant que voulu sans recharger la totalité de la page qui contient un autre formulaire pour le texte.

J'y suis arrivé de la façon suivante, peut-être pas conventionnelle :

Une page php qui contient un formulaire avec un champ type textarea,
qui inclue un iframe pour l'upload de fichier visant à joindre des pièces attachées (constitué d'un script php avec form / input type file, et se rappelle lui même suite à l'envoi du fichier).

Ainsi, à chaque upload de fichier, seule l'iframe incluse se recharge... Et n'affecte pas la page principale qui contient un text area.
Je peux ainsi rajouter autant de pièces attachées au nombre non déterminé à l'avance, sans avoir à recharger la page entière.
Il faut ensuite gérer la hauteur du iframe qui au fil des téléversements va voir ses dimensions s'augmenter.

Merci pour vos remarques.