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:

---

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 ?

Bonjour,

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

Code:

---

1 2 3

<form method="post" enctype="multipart/form-data"> <input type="file" name="image" id="getFile" oninput="submit();" /> </form>

---