Discussion :

[loicrenard]

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 ?

[Invité]

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>