Création sites internet Bassin d'Arcachon - La Teste de Buch - Gujan Mestras - Biganos - Le Teich - Mios - Marcheprime - Audenge - Lanton - Andernos - Arés - Lège Cap Ferret

Upload de plusieurs images sans recharger la page avec jQuery et PHP

Voici comment créer un système d’upload d’image à la volée avec jQuery et php. Ce module vous donne la possibilité d’envoyer des images en ligne depuis votre ordinateur sans recharger la page.

Vous pouvez consulter la démonstration ici : Démo

Fichier HTML :

Code Javascript :

Voici le fichier jquery.form.bassm.js utilisé dans le script.

Fichier ajaximage.php :

Fichier CSS :

Bien entendu ce script peut être amélioré en ajoutant une interaction avec une table user pour ajouter une photo de profil par exemple.

A noter que si vous utilisez une version de jQuery antérieure à 1.9 vous pouvez remplacer .on() par .live()

Si vous souhaitez ajouter les images une par une voici ce qu’il faut changer dans le code javascript

Vous pouvez consulter la démonstration ici : Démo

10 réponses à “Upload de plusieurs images sans recharger la page avec jQuery et PHP”

  1. glm dit :

    salut ! , les codes ne marche pas chez moi

  2. Dootech dit :

    Est ce que vous pouvez indiquez l’erreur qui s’affiche ?

  3. glm dit :

    l’erreur est de la forme
    Not Found

    The requested URL /upload avec ajax/ajaximage.php was not found on this server.

    je besoin de voir votre page ajaximage.php

  4. Dootech dit :

    Je vous envois le fichier par email

  5. yassine dit :

    svp est sque tu peut méttre un fichier a télécharger qui contient le code et déja tester et fonctionne, merci

  6. Geeknew dit :

    Bonjour

    J’ai la même erreur que glm pourrait-je avoir le fichier ajaximage.php. merci

  7. Dootech dit :

    Bonjour,
    Vous pouvez télécharger le fichier ajaximage.php depuis mon dropboox
    https://db.tt/Y5kG5GmZ

  8. Patrick dit :

    salut, j’ai essayé mais désolé, votre script est incomplet. il me donne l’erreur:
     »
    Not Found
    The requested URL /test/uploader/ajaximage.php was not found on this server.

     »
    si vous pouvez m’envoyer le script de la page ajaximage.php !

    merci !

  9. Ayoub dit :

    les codes ne marche pas chez moi :/ aussi

  10. Dootech dit :

    Oui il manquait le contenu du fichier ajaximage.php, je viens de m’en apercevoir. Je viens de l’ajouter dans l’article.
    Vérifiez et dites moi si cela fonctionne.