Utilisation de jQuery-File-Upload

Version imprimable

04/08/2017, 23h37
rvm31

Utilisation de jQuery-File-Upload

Bonjour

J'utilise cet uploader (https://github.com/blueimp/jQuery-File-Upload)
Je souhaiterais que lorsque l'upload est fini apparaisse sur la page un bouton avec un lien vers une autre page.
Donc je voudrais détecter que des éléments existent dans le répertoire d'upload pour faire apparaître ce lien.
Je n'ai pas trouvé comment tester ce répertoire.
Mais peut-être existe-t-il une méthode plus simple déjà prévue dans le code d'origine du plug?

Bonjour,

En gros, le mieux est de se mettre sur l évènement success :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
 
$('#fileupload').fileupload({
    add: function (e, data) {
        var jqXHR = data.submit()
            .success(function (result, textStatus, jqXHR) {
 
// ici on test le retour de l appel ajax de téléchargement que l'on a fait 
                if (file.xhr.responseText == 'file present'){
             /* le fichier est bien dans le répertoire */
});
    }
});

un truc dans le genre

07/08/2017, 19h44
ABCIWEB

Salut,

Alternativement si tu as des problèmes pour maîtriser blueimp, y a ce module d'upload ici qui a l'avantage de fournir une quinzaine d'exemples directement fonctionnels (avec php côté serveur) et un mode d'emploi très détaillé en français.

Par exemple pour faire afficher un lien en fonction de la réussite du téléchargement d'un fichier, tu pourrais utiliser les styles événementiels disponibles et il te suffirait de faire :

Code:

<span style="display:none" data-upabcicss-result-ok="display:inline-block"><a href="le_lien.html">le lien</a></span>

En complément des styles événementiels il existe également des fonctions javascript événementielles pour aller plus loin dans la programmation et/ou pour permettre d'interfacer le script avec d'autres plugin jQuery.
07/08/2017, 22h19
rvm31

merci,je vais effectivement m'orienter plutôt vers le modèle d'ABCIWEB, une doc claire et en français super ! merci pour ce script.