Envoyer une image via un $_FILES

Bonjour,

J'aimerais envoyer une image à une page php (en vérité c'est un morceau de page php chargé dans un div grâce à un .load() javascript), et la réceptionner dans $_FILES, mais je n'arrive pas à trouver la syntaxe exacte sur internet...

Voici la fonction javascript à laquelle le formulaire fait appel grâce à un bouton onClick :

Code:

---

1 2 3 4 5 6 7 8 9

function envoi() { if (document.formulaireenvoi.texte.value != "" && document.formulaireenvoi.titre.value != ""){ $('#nomdudiv').load('messageenvoye.php', { 'texte' : document.formulaireenvoi.texte.value , 'titre' : document.formulaireenvoi.titre.value , 'file' : document.formulaireenvoi.file.value } ); } }

---

J'arrive à récupérer le texte et le titre avec $_POST['texte'] et $_POST['titre'], mais pas l'image avec $_FILES['file'], même en remplaçant

Code:

---

document.formulaireenvoi.file.value

---

par

Code:

---

document.querySelector('#file')

---

ou par

Code:

---

document.querySelector('#file').files[0]

---

Si quelqu'un sait comment résoudre l'erreur, je suis tout ouïe.

Pour des raisons de sécurité, tu ne peux pas faire document.formulaireenvoi.file.value !

Le fameux upload de fichier sans recharger la page ... Plusieurs solutions s'offrent à toi, voici des pistes à creuser :

- un plugin jQuery : jQuery File Upload

- La nouvelle API HTML5 : File API (Compatible Chrome 13+, Firefox 3.6+, Safari 6+, Opéra 11.1+, IE 10) avec polyfill pour la rétrocompatibilité

- Du Flash ... mais bon, à proscrire

- La bonne vieille méthode : passer par une iframe bien crade pour que ça soit compatible partout :mrgreen:

Code:

---

1 2 3

function formUpload(result) { console.log("Upload OK:", result); }

---

Code:

---

1 2 3 4 5

<form target="upload_target" action="upload.XXX" enctype="multipart/form-data" method="post"> File: <input name="mon_fichier" type="file" /> <input name="soumettreBouton" type="submit" value="OK" /> </form> <iframe id="upload_target" name="upload_target" src="#" style="width:0; height:0" />

---

Le serveur traite le fichier selon le langage choisi et renvoi ça dans l'iframe à la fin de l'upload pour que l'utilisateur sache que c'est uploadé :
window.top.window.formUploadCallback(<?php echo $result; ?>);

Merci beaucoup, je vais essayer tout ça !