Discussion :

[xillibit]

Bonsoir,

Je suis en train d'implémenter la librairie jQuery uploader de blue imp, le souci je fais requête ajax pour récupérer la liste des fichiers déjà présents sur le serveur mais pour les remettre dans le formulaire, je ne comprends pas ce qu'il faut mettre dans la variable comment décrit dans la doc (https://github.com/blueimp/jQuery-Fi...ic-file-upload) :

Code :

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

$('#fileupload').fileupload('add', {files: filesList});

Mon code pour récupérer les fichiers sur le serveur :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
 
jQuery.ajax({
 type: 'POST',
 url: 'www.exemple.com/recup_fichiers',
 async: false,
 dataType: 'json',
 data: {mes_id : jQuery('#messageid').val() },
 success: function(filesList){          
  $('#fileupload').fileupload('add', {files: filesList});
 }
});

Ce que j'obtiens de ma requête ajax est la chose suivante en JSON :

Code :

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

1
2
3
4
5
6
7
8
9
10
{ 
 "files": {
  "id":"16", 
  "size":66,
  "name":"IMG_5471_2014-09-14-15.JPG",
  "folder":"attachments\/974",
  "caption":"",
  "path":"\/attachments\/974\/IMG_5471_2014-09-14-15.JPG"
 }
}

J'ai un bouton 'Upload' qui est placé dans le DOM mais l'image et le nom du fichier n'apparaissent pas. Auriez-vous une idée comment corriger cela ?

Merci d'avance

[ABCIWEB]

Salut,

Je connais pas cette lib mais si c'est un uploader, c'est pas fait pour mettre des fichiers depuis le serveur dans un formulaire (si j'ai bien compris ce que tu veux faire). Et pourquoi veux-tu faire cela ?

[devyan]

Bonjour,

Il faut mettre la sélection de ton input type="file"

[xillibit]

Salut,

Je connais pas cette lib mais si c'est un uploader, c'est pas fait pour mettre des fichiers depuis le serveur dans un formulaire (si j'ai bien compris ce que tu veux faire). Et pourquoi veux-tu faire cela ?

C'est pour un forum de discussion quand l'utilisateur a envoyé des fichiers sur le serveur, quand il voudra éditer son message il faut qu'il voie les fichiers qu'il avait envoyé si l'utilisateur veut les supprimer

Bonjour,

Il faut mettre la sélection de ton input type="file"

C'est à dire ?

[ABCIWEB]

Salut,

L'adresse des fichiers associés à l'utilisateur doit être enregistrée quelque part en bdd. Il faut donc faire une requête en bdd pour trouver ces fichiers et éventuellement les afficher si ce sont des images et proposer un lien pour faire l'effacement si nécessaire. C'est donc un script séparé totalement indépendant du process d'upload.

[xillibit]

Bonjour,

J'ai utilisé avant la librairie dropzonejs et on pouvait faire ça : https://gist.github.com/MarcoGomesr/6045401

Ce qui est super c'est les issues sur github : https://github.com/blueimp/jQuery-File-Upload sont en accès restreint mais référencés par google, on trouve des choses intéressantes mais on n'y a pas accès

Avec ce code je récupère les fichiers déjà présents sur le serveur :

Code :

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

1
2
3
4
5
6
7
8
9
jQuery.ajax({
 type: 'POST',
 url: 'www.exemple.com/recup_fichiers',
 async: false,
 dataType: 'json',
 data: {mes_id : jQuery('#messageid').val() },
 success: function(filesList){          
  $('#fileupload').fileupload('add', {files: filesList});
 }

Un nouvel fichier qui est ajouté pour être envoyé sur le serveur, le HTML inséré dans le DOM est celui-ci, l'image c'est un canvas :

Code :

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

<p><canvas width="100" height="100"></canvas><br><span>chien_frzeds.png</span><br><button class="btn btn-primary" type="button">Upload</button></p>