problème upload avec XMLHttpRequest

Version imprimable

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

le fichier admin.js

Code:

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:

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:

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 :evil: mais il est vide

Et je vois pas ou est l'erreur.

:wink: Un peu d'aide serait la bienvenue merci :wink:

16/12/2005, 18h20
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 ;)

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:

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" ;