[AJAX] Faire passer une variable $_FILE par AJAX

**Mazike** · 06/02/2007, 07h14

Bonjour, j'aimerais faire un script d'upload en AJAX/PHP, cependant j'ai du mal à faire passer le input type="file"...
J'ai essayer en faisant passer son .value et en recréant la variable dans le fichier php:
$_FILE['file'] = $valueDuInput; mais apparement c'était trop beau pour que sa marches, sa ne dois pas marcher car sa ne recré pas les variable $_FILE['file']['size'] etc...

Voici mon JS (il vous paraîtras un peu bizarre, je n'utilises pas la class par défaut de l'ajax, j'utilises celle de Nicolas LE GALL:

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
35
36
37
function upload(element, linkfile, linkbouton, linkerror, linkhidden) // Upload d'image
{
	if(linkfile.value == '') 
	{
		if (document.getElementById) document.getElementById(linkerror).innerHTML = 'Champs non renseigné.';
	}
	else
	{
		var xhr = new XHR();
		xhr.loading = function(xhr)
		{
			linkbouton.value = 'Chargement...';
			linkbouton.disabled = true;
		}
		xhr.complete = function(xhr)
		{
			var regErreur = new RegExp ('^E:', 'i');
			var erreur = xhr.responseText.match(regErreur);
			if(erreur)
			{
				msgErreur = xhr.responseText.replace(regErreur, '');
				linkbouton.value = 'Uploadez!';
				linkbouton.disabled = false;
				if (document.getElementById) document.getElementById(linkerror).innerHTML = msgErreur;
			}
			else
			{
				linkhidden.value = xhr.responseText;
				linkbouton.value = 'OK';
			}
		}
	}
	var file = linkfile.value;
	xhr.appendData('file', file);
	xhr.appendData('type', element);
	xhr.send('ajax/upload.php');
}

Voici mon code php:

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
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
<?php
	function upload($file, $type)
	{
		include('../config.php');
		mysql_connect($host, $user, $pass);
		mysql_select_db($db);
		$_FILE['file'] = $file;
		$config_sql = mysql_query('SELECT * FROM config');
		$config = mysql_fetch_array($config_sql);
		$error = '';
		switch($type)
		{
			case 'signature':
				$max_width = $config['signature_max_width'];
				$max_height = $config['signature_max_height'];
				$max_size = $config['signature_max_size'];
				break;
			case 'bouton_partenaire':
				$max_width = $config['bouton_partenaire_max_width'];
				$max_height = $config['bouton_partenaire_max_height'];
				$max_size = $config['bouton_partenaire_max_size'];
				break;
			case 'banniere_partenaire':
				$max_width = $config['banniere_partenaire_max_width'];
				$max_height = $config['banniere_partenaire_max_height'];
				$max_size = $config['banniere_partenaire_max_size'];
				break;
			default:
				$max_width = NULL;
				$max_height = NULL;
				$max_site = NULL;
		}
		if($max_width == NULL OR $max_height == NULL OR $max_size == NULL)
		{
			$error = "E:Type d'upload invalide";
		}
		else
		{
			if($_FILE['file']['error'] > 0) // Si le transfert du fichier n'a pas eu lieu
			{
				$error = "E:Erreur lors du tranfsert du fichier.";
			}
			else
			{
				if($_FILE['file']['size'] > $max_size) // Si le fichier est trop lourd
				{
					$error = "E:Le fichier est trop lourd, limitée à ".$max_size/1024 ."Ko.";
				}
				else
				{
					$extension_valides = array('jpg', 'jpeg', 'gif', 'png');
					$extension_file = substr(strrchr($_FILE['file']['name'], '.'),1);
					if (!in_array($extension_file,$extensions_valides))
					{
						$error = "E:Le type de fichier n'est pas valide.";
					}
					else
					{
						$file_sizes = getimagesize($_FILE['file']['tmp_name']);
						if ($file_sizes[0] > $max_width OR $file_sizes[1] > $max_height)
						{
							$error = "E:L'image est trop grande, limitée à ".$max_width."*".$max_height.".";
						}
						else
						{
							$microtime = microtime();
							$destination_file = $config['partenaire_upload_doc'].str_replace(' ','',$type.'_'.$nom.'_'.$microtime);
							$transfert_file = move_uploaded_file($_FILE['file']['tmp_name'],$destination_file);
							if (!$transfert_file)
							{
								$error = "E:Erreur lors du transfert du fichier, si l\'erreur persiste, merci d\'en informer le webmaster.";
							}
						}
					}
				}
			}
		}
		if (!empty($error))
		{
			return $error;
		}
		else
		{
			return $destination_file;
		}
	}
echo upload($_POST['file'], $_POST['type']);
?>

Il n'existe pas un troisieme format de requête, GET, POST et FILE, non?

**FremyCompany** · 07/02/2007, 17h47

Ce que tu cherches à faire n'est pas possible en AJAX...

**furbanow** · 07/02/2007, 17h48

Il n y a que GET et POST, il faut utiliser la methode POST ça c'est sure
est ce que t'as essayé de spécfier le type d'encodage "multipart/form-data" ??

**sacados1** · 02/03/2007, 19h20

FremyCompany es-tu sûr ?
Même en spécifiant le type des données que l'on envoie ? et en envoyant en POST ?
Il y a-t-il pas possibilité de le faire avec des frame ?

Mais bon en même temps je pense que c'est pas tellement la solution !

**FremyCompany** · 02/03/2007, 19h52

Envoyé par sacados1

FremyCompany es-tu sûr ?
Même en spécifiant le type des données que l'on envoie ? et en envoyant en POST ?
Il y a-t-il pas possibilité de le faire avec des frame ?

Mais bon en même temps je pense que c'est pas tellement la solution !

J'en suis certain, oui.

En effet une frame caché est une bonne solution.

Un essai vite comme ca :

Code HTML :

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

1
2
<iframe name="frame1" id="frame1" style="visibility: hidden; width:0px; height: 0px; position: absolute; top:-1px; left:-1px"></iframe>
<form name="form1" id="form1" target="frame1"><input type="file" name="file1" /></form>

Code :

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

1
2
3
4
5
6
7
8
9
10
11
function asyncSend(callBack) {
   document.forms["form1"].submit();
   window.frames["frame1"].onload = callBack;
}
 
// utilisation
asyncSend(function() {
  var win = this;
  var doc = this.document;
  // ...
})

**sacados1** · 02/03/2007, 20h12

Encore moi !

Je comprend pas bien. Désolais ça fait que 1 mois que j'exploite javascript !
Je comprend pas la fonction callback ... et quand tu mets utilisation de celle-ci c'est un peu du chinois pour moi

**FremyCompany** · 02/03/2007, 20h59

ben c'est simple, une fonction c'est une variable et je l'utilise comme tel

Voici un essemble de codes similaires :

Code :

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

1
2
function f1() { /* ... */ }
setTimeout(f1, 1000)

Code :

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

1
2
var f1 = function() { /* ... */ };
setTimeout(f1, 1000)

Code :

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

setTimeout(function() { /* ... */ }, 1000)

**sacados1** · 06/03/2007, 12h22

Re moi !!!

Je crois que j'ai trouvé mon bonheur !!!!
J'ai juste à mettre un code php qui accepte pas tous les fichier et c'est bon !!!
Car ce script en plus de faire un téléchargement ajax (iframe) il fait un multi upload le bonheure quoi !!
La librairie scriptaculous.js et prototype.js sont necessaire mais aprés tout quand on voit le résultat ça rend gaga !!!!

http://blog.nemstudio.com/post127/cl...e-de-fichiers/

[AJAX] Faire passer une variable $_FILE par AJAX

JavaScript

Discussions similaires

Partager

Partager