plugin Uploadify. Récupération des noms de fichiers dans un tableau [Résolu]

[ginwu]

Bonjour,

J'ai un problème avec la récupération des noms et chemins des fichiers uploader avec le plugin uploadify.
Je souhaiterais afficher les noms de fichiers dans un tableau, or le seul élément affiché est le dernier uploader, et je souhaiterais les avoir tous dans la div avec l'id output_pj.

Voici mon code jquery/uploadify :

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
 <script type="text/javascript">
function getUrlParameter() {	 
	var ourlocation = location.href;
	var thisstuff = ourlocation.split("?");
 
	var id = thisstuff[1];
	var idary = id.split("&");
	var param2 = idary[0];
	var param3 = idary[1];
	var param4 = idary[2];
	return param4;
	}
 
$(function() {
	var nom_client = getUrlParameter();
    $('#uploadify').uploadify({
					'uploader'  : 'uploadify/uploadify.swf',
					'script'    : 'uploadify/uploadify.php?nom_client=' + nom_client,
					'cancelImg' : 'uploadify/cancel.png',
					'queueID'        : 'fileAttente',
					'folder'    : 'upload_pj/',
					'multi'          : true,
					'auto'           : false,
					'onError'     : function (event,ID,fileObj,errorObj) {
      						alert(errorObj.type + ' Error: ' + errorObj.info);
						},
	  				'onComplete'	 : function(event, queueID, fileObj, response, data) {
							$('#output_pj').html("<td>" + fileObj.name + "</td>");
 
							$('#ext').val(fileObj.type);
							initJcrop();
							showMenu();
    					}
					});
		});
</script>

Et voici mon tableau ou j'essaie d'avoir la liste des noms de fichiers :

Code :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
Liste de pièces jointes
<table width="100%" border="1">
  <tr></tr>
  <tr>
    <td>Nom</td>
    <td></td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td><div id="output_pj"></div><td>
    <td>Télécharger</td>
    <td>Supprimer</td>
  </tr>
</table>
</div>

J'espérais récupérer les noms de fichier pour ensuite les utiliser avec ajax (objet XMLHttpRequest). Si quelqu'un à la solution, je suis preneur. Merci !

Cordialement,
Ginwu

[danielhagnoul]

Bonsoir

Je vous suggère d'essayer : $('#output_pj').append("<p>" + fileObj.name + "</p>");.

La méthode html() efface le contenu précédent.

[ginwu]

Bonjour,

Merci beaucoup cela fonctionne, il récupère bien tous les noms de fichier !Bonne journée.

Cordialement,
Ginwu