Présentation
UploadAjaxABCI Version 7.0
Classe d'upload Javascript / jQuery / Html5
Copyright (c) 20014-2018 Alain Bontemps (abciweb.net)
Licensed under the mit license (https://opensource.org/licenses/MIT)
Module complet prêt à l'emploi avec classes Php côté serveur, et plusieurs exemples de formulaires customisés et finalisés.
- Surpasse les limitations serveur "upload_max_filesize", "post_max_size" et "max_file_uploads".
- Permet la reprise d'un téléchargement interrompu après un arrêt volontaire ou une panne internet ou serveur, en utilisant la partie sauvegardée.
- Customisation des boutons de sélections avec comportements drag and drop et/ou onclick.
- Retours d'informations en temps réel personnalisable et très souple :
De nombreuses informations sont disponibles durant l'upload : nom, taille, vignette de prévisualisation (si c'est une image), progression graphique, sauvegarde effectuée, temps restant estimé, status (en cours, erreur, ok, arrêt), etc. ainsi que deux commandes : "arrêter" et "arrêter-tout" qui permettent l'arrêt optimisé afin de pouvoir effectuer une éventuelle reprise d'upload dans les meilleures conditions.
Aucune modification du code javascript n'est nécessaire pour faire afficher les informations : des classes css prédéfinies sont proposées pour afficher l'information en temps réel dans l'élément html de votre choix.
Si besoin pour rendre le formulaire plus dynamique, des styles css événementiels sont disponibles pour gérer l'affichage en fonction du retour des événements en temps réel.
L'intérêt du système est de pouvoir facilement personnaliser l'affichage en configurant simplement des éléments html, sans besoin de créer du code javascript (utilisation recommandée pour les débutants).
Pour des besoins plus avancés, la classe dispose également de fonctions javascript événementielles (callbacks) mises en application dans plusieurs exemples.
Une quinzaine d'exemples tous fonctionnels sont fournis dans le dossier en téléchargement. Les exemples de "Crop + Upload" et les exemples de redimensionnements sont entièrement fonctionnels y compris côté serveur et supportent l'upload multiple.
Notes :
- Ce module d'upload Ajax convient pour l'upload de tous les fichiers. Les plus petits seront téléchargés de manière classique tout en bénéficiant des informations disponibles en temps réel. Vous pouvez donc l'utiliser dans tous les cas, avec l'avantage qu'il n'y a pas de limite de taille ni de nombre (exceptées celles définies par vous-même) et que les gros fichiers disposeront automatiquement d'une sauvegarde permettant de compléter un téléchargement éventuellement interrompu.
- Côté serveur, des classes php sont fournies qui permettent en option de contrôler les extensions, renommer les fichiers en cas de doublons sur le serveur, recadrer et redimensionner des images, valider les champs d'un formulaire, gérer les erreurs fatales du serveur, etc.
Classe d'upload Javascript / jQuery / Html5
Copyright (c) 20014-2018 Alain Bontemps (abciweb.net)
Licensed under the mit license (https://opensource.org/licenses/MIT)
Module complet prêt à l'emploi avec classes Php côté serveur, et plusieurs exemples de formulaires customisés et finalisés.
- Surpasse les limitations serveur "upload_max_filesize", "post_max_size" et "max_file_uploads".
- Permet la reprise d'un téléchargement interrompu après un arrêt volontaire ou une panne internet ou serveur, en utilisant la partie sauvegardée.
- Customisation des boutons de sélections avec comportements drag and drop et/ou onclick.
- Retours d'informations en temps réel personnalisable et très souple :
De nombreuses informations sont disponibles durant l'upload : nom, taille, vignette de prévisualisation (si c'est une image), progression graphique, sauvegarde effectuée, temps restant estimé, status (en cours, erreur, ok, arrêt), etc. ainsi que deux commandes : "arrêter" et "arrêter-tout" qui permettent l'arrêt optimisé afin de pouvoir effectuer une éventuelle reprise d'upload dans les meilleures conditions.
Aucune modification du code javascript n'est nécessaire pour faire afficher les informations : des classes css prédéfinies sont proposées pour afficher l'information en temps réel dans l'élément html de votre choix.
Si besoin pour rendre le formulaire plus dynamique, des styles css événementiels sont disponibles pour gérer l'affichage en fonction du retour des événements en temps réel.
L'intérêt du système est de pouvoir facilement personnaliser l'affichage en configurant simplement des éléments html, sans besoin de créer du code javascript (utilisation recommandée pour les débutants).
Pour des besoins plus avancés, la classe dispose également de fonctions javascript événementielles (callbacks) mises en application dans plusieurs exemples.
Une quinzaine d'exemples tous fonctionnels sont fournis dans le dossier en téléchargement. Les exemples de "Crop + Upload" et les exemples de redimensionnements sont entièrement fonctionnels y compris côté serveur et supportent l'upload multiple.
Notes :
- Ce module d'upload Ajax convient pour l'upload de tous les fichiers. Les plus petits seront téléchargés de manière classique tout en bénéficiant des informations disponibles en temps réel. Vous pouvez donc l'utiliser dans tous les cas, avec l'avantage qu'il n'y a pas de limite de taille ni de nombre (exceptées celles définies par vous-même) et que les gros fichiers disposeront automatiquement d'une sauvegarde permettant de compléter un téléchargement éventuellement interrompu.
- Côté serveur, des classes php sont fournies qui permettent en option de contrôler les extensions, renommer les fichiers en cas de doublons sur le serveur, recadrer et redimensionner des images, valider les champs d'un formulaire, gérer les erreurs fatales du serveur, etc.
Nos ressources disponibles