Tutoriel Vidéo jQuery : Upload en Drag & Drop

Par bigmaster, il y a 14 ans


Bonjour,

Tout d'abord félicitation pour ce tuto.
J'aurais voulu savoir comment on pouvait implémenter une fonction de delete d'image de la galerie ?

Bien à vous

3 réponses

bigmaster, il y a 14 ans

J'ai fait quelques test, avec ce bout de code que j'ai rajouté dans (dropfile.js) :

var d = {
        script  : 'deletefile.php'
    }
        $.fn.deletefile = function(oo){
        if(oo) $.extend(d,oo);
        this.each(function(){
            $(this).bind({
                click : function(e){
                    e.preventDefault(); 
                    if($(this).data('value')){
                        alert($(this).data('value'));
                        var xhr = new XMLHttpRequest(); 
                        xhr.open('post',d.script,true); 
                        xhr.setRequestHeader('x-file-name', $(this).data('value'));
                        xhr.send();
                    }
                }
            });
        });
        return this;
    }

Mon script est bien appelé, et l'image est bien supprimée, cependant je n'arrive pas à le retirer de la galerie.

L'autre problème que j'ai, c'est lorsque l'on à fait un drag and drop, la fonction deletefile de js ne s'exécute pas tant qu'il n'y a pas eu de refresh(F5).

Pouvez vous m'aider, merci

Grafikart, il y a 14 ans

remplace ton bind par un live( pour remettre le click sur les éléments ajoutés après coup.
Pour le delete à toi de le retirer :)

bigmaster, il y a 14 ans

le live ne fonctionne pas, j'ai fait le test en dragant et dropant une photo et tant que je ne rafraîchi pas la page rien ne se passe.

Je dois avouer que je tourne vraiment en rond, idem pour le delete dans la galerie après le unlink.

J'espère que vous pourrez m'aider