Discussion :

[alexmorel]

voilà depuis un formulaire je voudrai uploader une image sur mon serveur. Mais le fichier est vide.

le fichier admin.js

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
 
requete = new ActiveXObject("Microsoft.XMLHTTP"); 
 
function photos(fichier) {
 
   /* on spécifie la méthode, l’URL et le type de transmission  */
	requete.open("POST","photos.php",true);  
 
	requete.onreadystatechange = function()
 	{
		/* si on a recu la reponse */
		if(requete.readyState == 4)
 		{  
			/* on recoit les données et on les affichent*/
			//document.getElementById("page").innerHTML = requete.responseText;
 
			alert(requete.responseText);
		}
	}
	var BOUNDARY="1cd1a122f321aac11bb7ac2e5f41bc86";
	requete.setRequestHeader("Content-type", "multipart/form-data, boundary="+BOUNDARY);
 
	var header= new String(); 
	  header+="--"+BOUNDARY+"\r\n"; 
      //header+="Content-disposition: form-data; name=\"fich\"; filename=\""+fichier+"\"\r\n"; 
	  header+="Content-disposition: form-data; name=\""+fichier.name+"\"; filename=\""+fichier.value+"\"\r\n"; 
      header+="Content-Type: application/octet-stream\r\n\r\n"; 
	  header+="Content-Type: image/jpg\r\n\r\n"; 
      header+=fichier; 
      header+="\r\n--"+BOUNDARY+"--\r\n"; 
 
      requete.setRequestHeader("Content-length", header.length); 
    requete.send(header);  
  }

le formulaire

Code :

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

1
2
3
4
5
 
<form method="post" enctype="multipart/form-data">
<input type="file" name="image"   onChange="javascript:photos(this)">
<input type="submit" name="Submit2"  value="Envoyer">
</form>

et la page photo

Code :

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

1
2
3
4
5
6
7
8
9
10
 
$stock = '';
$fichier=$_FILES['image'];
 
$fread = fopen($fichier['tmp_name'],"r") ; 
       $save = fread($fread,filesize($fichier['tmp_name'])); 
       fclose($fread); 
       $fwrite = fopen($stock .    $fichier['name'],"w"); 
       fwrite($fwrite,$save,strlen($save)); 
       fclose($fwrite);

Le fichier se crée bien a la bonne place avec le bon nom mais il est vide

Et je vois pas ou est l'erreur.

Un peu d'aide serait la bienvenue merci

[Mr N.]

Tu ne peux pas uploader un fichier par javascript pour la simple et bonne raison que javascript, sécurité onlige, ne peux acceder au filesystem et donc ne peut lire le fichier pour le mettre dans ta requete POST...

Il va falloire trouver une autre méthode

[Claude Pelletier]

Est-ce vraiment nécessaire de te servir de XMLHttpRequest ? C'est bien beau le AJAX, mais ça n'a pas toute les vertus...

Je te suggère de poster ton formulaire avec comme target un IFRAME caché qui load ta page PHP .

Code :

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

1
2
3
4
<form target="monIFRAME" action="photos.php" id="monFORM" name="monFORM" method="post" enctype="multipart/form-data"> 
<input type="file" name="image"   onChange="javascript:photos(this)"> 
<input type="submit" name="Submit2"  value="Envoyer"> 
</form>

Si tu fais ta page en XHTML, la propriété TARGET n'est pas reconnue. Il faut passer outre cette limitation en te servant de JavaScript, juste avant de poster ton FORM :

Exemple : document.getElementById("monFORM").target = "monIFRAME" ;