[AJAX] Upload Incoh�rence !

Bonjour � tous !
Je me trouve devant un probl�me de taille d�veloppant une API en ajax pour l'upload de gros fichiers.
Mon script fonctionne de la mani�re suivante :
Le html affiche plusieurs form contenant un input file et le forme est dirig� vers un script serveur pour la r�cup�ration des fichiers en target vers une iframe diff�rente pour chaque form.

Lorsque l'utilisateur valide l'envoi, une requete ajax est envoy� pour lister le contenu du dossier temporarire histoire de r�cup�rer la taille d�j� transf�r�e en temps r�el. Cette requete se rappelle ind�finiment jusqu'� ce que le fichier soit arriv�.

Mon probl�me est le suivant, lorsque je n'envoie qu'un seul fichier, pas de prob, tout marche comme pr�vu mais lorsque j'ai plusieurs form, donc plusieurs input file et plusieurs iframe et que je valide, tous les form se valide et les fichiers s'envoient (je le vois sur le server) mais ma requete Ajax sens�e list� le contenu du dossier temporaire bloque juqu'� ce qu'il ne reste plus qu'un fichier en cours d'envoi. A ce moment l�, le serveur r�pond � cette requete et mon script fonctionne... Donc imaginons que je veuille transf�rer 5 fichiers d'un coup, je ne connais pas l'avancement du t�l�chargement jusqu'a ce que 4 premiers fichiers soient arriv�s sur le serveur, ensuite, il m'affiche l'avancement du dernier fichier en cours ...

Est ce que quelqu'un a d�j� �t� confront� � ce genre de prob ? On dirait que le serveur bloque toute r�ponse du meme client ... Car lorsque cette requete ajax bloque, en ouvrant un autre navigateur et en appellant direct le script php, il me r�pond bien ...

Merci d'avance � tout ceux qui pourront m'apporter leur aide !

Fais voir ton code � tout hasard :aie:

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
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
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
function submitUploadForm() {
	var errorOnSubmit = false;
	for (i=1;i<=numberInputs;i++) {
		filesToUpload[i] = new Array();
		var inputTMPCheck = "uploadFile-"+i;
		//alert(inputTMPCheck);
		filesToUpload[i]['value'] = document.getElementById(inputTMPCheck).value;
		filesToUpload[i]['name'] = document.getElementById(inputTMPCheck).name;
		filesToUpload[i]['filename'] = filesToUpload[i]['value'].substr(filesToUpload[i]['value'].lastIndexOf('\\')+1);
		filesToUpload[i]['idInput'] = inputTMPCheck;
		filesToUpload[i]['transfered'] = false;
		var extensionTMP = filesToUpload[i]['filename'].substr(filesToUpload[i]['filename'].lastIndexOf(".")+1);
		if (filesToUpload[i]['value'] != "") {
			if (extensionTMP != "zip" && extensionTMP != "ZIP" && extensionTMP != "jpg" && extensionTMP != "gif" && extensionTMP != "png" && extensionTMP != "JPG" && extensionTMP != "GIF" && extensionTMP != "PNG" && extensionTMP != "JPEG" && extensionTMP != "jpeg") {
				errorOnSubmit = true;
				var idSpanError = "responseUploadFile-"+i;
				document.getElementById(idSpanError).innerHTML = "<img src=\"/Style/img/Icons/inValid.jpg\" alt=\"Mauvaise Extension, Fichiers Zip ou Images Autorisés\" title=\"Mauvaise Extension, Fichiers Zip ou Images Autorisés\" />" ;
				}
			else {
				var idSpanError = "responseUploadFile-"+i;
				document.getElementById(idSpanError).innerHTML = "" ;
				}
			filesToUpload[i]['idSpan'] = idSpanError;
			}
		}
 
	if (errorOnSubmit == false) {
		idMember = encodeURI(transformAmp(document.getElementById('GlobalUploadForm').idMember_post.value));
		objRequete = creeXMLHttpRequestObject();
		objRequete.open('get', 'Ajax/PHP/Galleries/gallery.initCreate.php?idMember='+idMember+'&name=' + encodeURI(transformAmp(document.getElementById('GlobalUploadForm').name_post.value)), true);
		objRequete.send(null);
		objRequete.onreadystatechange = traiteReponseToSubmit;
		}
 
	} 
function traiteReponseToSubmit(){
	if (objRequete.readyState == 4) {
		var retour = objRequete.responseText;
 
		if (retour == "error") {
			alert("Errors In form");
		}
		else {
			var retourArrayTmp = retour.split('-');
			idGallery = retourArrayTmp[0];
			timeStamp = retourArrayTmp[1];
			destructCode = retourArrayTmp[2];
			document.getElementById('DynGalleryId').value = idGallery;
 
			//alert(numberInputs);
			for (var i = 1; i <= numberInputs; i++) {
				var inputTMPCheck = "uploadFile-" + i;
				if (document.getElementById(inputTMPCheck).value == "") {
					document.getElementById(inputTMPCheck).style.display = "none";
					filesToUpload[i]['transfered'] = false;
				}
				else {
					var formIdTMP = "formFile-" + i;
					var spanResponseIdTMP = "responseUploadFile-" + i;
					var inputFileTMP = "uploadFile-" + i;
					var inputButtonTMP = "button-file-";
					var nbButtonsToHide = nbRows;
					var inputHiddenIdGallery = "file-" + i + "-idGallery";
					var inputHiddenStamp = "file-" + i + "-stamp";
 
					document.getElementById(spanResponseIdTMP).innerHTML = "<img src=\"/Style/img/AjaxLoad/loading2.gif\" alt=\"Upload in Progress\" title=\"Upload in Progress\" />";
					document.getElementById(inputHiddenIdGallery).value = idGallery;
					document.getElementById(inputHiddenStamp).value = timeStamp;
					for (q = 1; q <= nbButtonsToHide; q++) {
						var inputButtonTMP2 = inputButtonTMP + q;
						document.getElementById(inputButtonTMP2).style.display = "none";
					}
 
					document.getElementById(formIdTMP).submit();
					document.getElementById(inputFileTMP).disabled = true;
 
				}
 
			}
 
			document.getElementById("ComeBack").style.display = "none";
			document.getElementById("buttonValidGlobalForm").disabled = true;
			document.getElementById("ResponseGlobalAjax").innerHTML = "Initialisation du Téléchargement...";
			document.getElementById("blockInteractAjax").style.display = "block";
			objRequete = null;
			traceTmp();
 
 
		}
	}
	else {
		//alert('Error ReadyState');
	}
}
function traceTmp() {
	objRequete = creeXMLHttpRequestObject();
	objRequete.open('get', 'Ajax/PHP/Galleries/gallery.checkTemporaryFolder.php', true);
	objRequete.send(null);
	objRequete.onreadystatechange = getTmpFilesSize;
}
function getTmpFilesSize (){
	//alert(objRequete.readyState);
	if (objRequete.readyState == 4) {
		var xml = objRequete.responseXML;
 
		if (xml.getElementsByTagName('result')[0].getAttribute('state') == 1) {
			if (xml.getElementsByTagName('file').length != 0) {
 
				var totalSizeTransfered = "";
				// Ne s'execute qu'à la première réponse après le Submit pour récupérer toutes les infos des fichiers du user
				if (firstTimeTemporaryResponse){
					for(i=0;i<xml.getElementsByTagName('file').length;i++){
						var isOwnerFiles = true;
						for (o=0;o<tmpFilesIgnore.length;o++) {
							if (tmpFilesIgnore[o] == xml.getElementsByTagName('file')[i].childNodes[0].data){
								isOwnerFiles = false;
							}
						}
						if (isOwnerFiles == true) {
							var arrayTmpFile = new Array();
							arrayTmpFile['name'] = xml.getElementsByTagName('file')[i].childNodes[0].data;
							arrayTmpFile['size'] = xml.getElementsByTagName('file')[i].getAttribute("size");
							tmpFilesUpload.push(arrayTmpFile);
						}
 
					}	
					firstTimeTemporaryResponse = false;
				}
				// S'éxécute à chaque fois
				if (tmpFilesUpload.length == 0) {
					objRequete = null;
					traceUpload();
				}
				else {
					for (i = 0; i < tmpFilesUpload.length; i++) {
						var userFilePresent = false;
						for (o = 0; o < xml.getElementsByTagName('file').length; o++) {
							if (xml.getElementsByTagName('file')[o].childNodes[0].data == tmpFilesUpload[i]['name']) {
								userFilePresent = true;
								tmpFilesUpload[i]['size'] = xml.getElementsByTagName('file')[o].getAttribute('size');
							}
						}
						totalSizeTransfered += parseInt(tmpFilesUpload[i]['size']);
						if (!userFilePresent) {
							var arrayTmpFilesUpload = new Array();
							for (l = 0; l < tmpFilesUpload.length; l++) {
								if (l != i) {
									arrayTmpFilesUpload.push(tmpFilesUpload[l]);
								}
							}
							tmpFilesUpload = arrayTmpFilesUpload;
						}
					}
					var displaySize = null;
					var sizeValue = parseInt(totalSizeTransfered);
					displaySize = fSize(totalSizeTransfered, 2) + " Transférés ... ";
					document.getElementById("ResponseGlobalAjax").innerHTML = displaySize;
					traceTmp();
				}
			}
			else {
				objRequete = null;
				traceUpload();
			}
		}
 
	}
}

Si ca peut aider ;)