Discussion :

[Monsieur Griboux]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

document.formulaireenvoi.file.value

par

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

document.querySelector('#file')

ou par

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

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

[Kaamo]

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

Code javascript :

Sélectionner tout - Visualiser dans une fenêtre à part

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

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

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; ?>);

[Monsieur Griboux]

Merci beaucoup, je vais essayer tout ça !