Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

Conception Web Discussion :

Upload image instantanément


Sujet :

Conception Web

  1. #1
    Futur Membre du Club
    Upload image instantanément
    Bonjour,
    Je souhaite envoyer une image sélectionné par l'utilisateur instantanément.
    Je m'explique .

    J'ai un formulaire:

    Code html :Sélectionner tout -Visualiser dans une fenêtre à part
    1
    2
    3
    4
    <form method="POST">
      <button onclick="document.getElementById('getFile').click()">Changer la photo</button>
      <input type="file" name="image" id="getFile" style="display:none;" />
    </form>



    Je n'ai pas envie d'ajouter un input submit a mon formulaire
    et des que l'utilisateur choisi une image, celle ci se met automatiquement a jour dans la base de donnée.

    j'ai pensé le faire en Ajax mais je ne m'y connais pas énormément.
    Pouvez vous me mettre sur une piste ?

  2. #2
    Invité
    Invité(e)
    Bonjour,

    1- déjà, il manque enctype="multipart/form-data".
    2- Ensuite, il suffit d'ajouter oninput="submit();".

    Code html :Sélectionner tout -Visualiser dans une fenêtre à part
    1
    2
    3
    <form method="post" enctype="multipart/form-data">
      <input type="file" name="image" id="getFile" oninput="submit();" />
    </form>

###raw>template_hook.ano_emploi###