Classe UploadAjaxABCI html5/Ajax-Jquery, compatible IE >= 10

- Surpasse les limites serveur
- Reprise d'upload possible pour les gros fichiers
- Retours d'informations en temps réel configurables
- Styles et fonctions événementielles
- Boutons de sélections configurables avec comportements drag and drop et/ou onclick
- Vignettes de prévisualisation des images
- Exemples fonctionnels et prêts à l'emploi avec classe php fournie côté serveur

Lire les commentaires dans le code source des fichiers

Pour faire les premiers tests rapidement, copiez le dossier "Upload-Ajax-ABCI" sur votre serveur sans modifier l'organisation des dossiers puis utilisez les exemples ci-dessous. En cas de problème, lire installation et debug.


- Configuration de base UploadAjaxABCI_Basique.php

principe de base et styles css énénementiels.


- Des exemples progressifs plus complets UploadAjaxABCI.php

exemples de configurations et styles css événementiels.


- Un exemple complet et customisé UploadAjaxABCI_Custom.php

styles css événementiels et utilisation des fonctions événementielles.


- Idem ci-dessus avec vérification des fichiers déjà exitants avant upload UploadAjaxABCI_Custom_VerifFileExist.php

styles css événementiels et utilisation des fonctions événementielles.
montre comment modifier les paramètres internes de la classe javascript pour interdire l'envoi d'un fichier suite à un contrôle extérieur à la classe.


- Redimensionnements d'images UploadAjaxABCI_Redimensions.php

redimensions et retour des éventuelles erreurs serveur. Le plus intéressant est dans le fichier d'upload côté serveur.


- Crop d'images multiples UploadAjaxABCI_Crop_multiple.php

utilisation avancée des fonctions événementielles avec le plugin jQuery "imgAreaSelect" (installé),
et ajouts de champs spécifiques pour chaque fichier.


- Crop d'images multiples et champs multiples UploadAjaxABCI_Crop_multiple_multiple.php

utilisation plus avancée des fonctions javascript événementielles avec le plugin jQuery "imgAreaSelect" (installé),
et ajouts de champs spécifiques pour chaque fichier.


- Upload multiple et contrôle de champs de type texte sur l'événement onsubmit UploadAjaxABCI_Controle_input_text.php

utilisation des fonctions javascript événementielles.
exemple à consulter notamment si l'upload n'est pas l'objet principal du formulaire.
code côté serveur permettant entre autre d'associer un champ (ex : "titre") avec plusieurs fichiers.
enregistrement en bdd et affichage d'un récapitulatif en retour.


- Mode d'emploi UploadAjaxABCI.pdf

Liens externes :

Forum de discussion

Lien de téléchargement