Généralités JQUERY

Easy upload d’un fichier en jQuery php et HTML5

Nicolas H codes

Introduction:

Je  conserve ici des modèles de codes JQUERY qui reviennent souvent dans les programmes.

Sommaire:

1. Uploader une Photo dynamiquement avec Jquery et HTML5 et Php sans rechargement de page.

Détail:

1. Uploader une Photo avec Jquery et HTML5

(Note : l’indentation n’est pas reprise par WordPress, tant pis, pas le temps de la refaire.)

Etape 1 : Créer le Button d’upload de fichier HTML avec un id.Dans ce cas,  je lui ai mis l’id photo.

Etape 2 : Intégrer cette function Javascript JQUERY qui permet de contrôler la taille et le nom de la photo, et de récupérer ces variables. Dans cet example, la photo est uploadée sur le serveur dès que l’on clique sur le bouton “Browse », à l’aide de la fonction Ajax de Jquery :

ETAPE 3 : Ce fichier PHP est celui qui gère la photo qui arrive sur le serveur par le biais de la fonction AJAX…

View original post 10 mots de plus

Publicités

Laisser un commentaire

Entrez vos coordonnées ci-dessous ou cliquez sur une icône pour vous connecter:

Logo WordPress.com

Vous commentez à l'aide de votre compte WordPress.com. Déconnexion / Changer )

Image Twitter

Vous commentez à l'aide de votre compte Twitter. Déconnexion / Changer )

Photo Facebook

Vous commentez à l'aide de votre compte Facebook. Déconnexion / Changer )

Photo Google+

Vous commentez à l'aide de votre compte Google+. Déconnexion / Changer )

Connexion à %s