comment ajouter removefile option dans dropzone plugin?

J'ai utilisé dropzone.js (http://www.dropzonejs.com/). Je suis en train d'ajouter le bouton supprimer pour supprimer l'image. mais je suis arriver javascript non défini erreur

 <script>
  Dropzone.options.myDropzone = {
init: function() {
 addRemoveLinks: true,  
thisDropzone = this;
 $.get('photo-add.php', function(data) {
 $.each(data, function(key,value){
var mockFile = { name: value.name, size: value.size };
  thisDropzone.options.addedfile.call(thisDropzone, mockFile);
 thisDropzone.options.thumbnail.call(thisDropzone, mockFile,      "upload/"+value.name);

});
 });

 this.on("removedfile", function(file) {
alert(file.name);
console.log(file);
     //Create the remove button
  var removeButton = Dropzone.createElement("<button>Remove file</button>");

 /    / Capture the Dropzone instance as closure.
  var _this = this;

 //Listen to the click event
 removeButton.addEventListener();

   //Add the button to the file preview element.
  file.previewElement.appendChild(removeButton);
    });
  }
  };
     </script>

OriginalL'auteur markatte team | 2015-11-16

17

Je pense que vous n'êtes pas de la configuration de la dropzone de façon appropriée.
```
init: function() {
 addRemoveLinks: true, 
```
Le code ci-dessus n'est pas valide .

Utiliser comme cette
```
Dropzone.options.myAwesomeDropzone = {
  addRemoveLinks: true,
  init: function() {

  }

  ...

};
```
ou sinon vous pouvez aussi l'utiliser comme this.addRemoveLinks = true

Si vous souhaitez gérer le cas de la suppression d'un fichier vous pouvez utiliser comme cette
```
removedfile: function(file) {
    x = confirm('Do you want to delete?');
    if(!x)  return false;
}
```
Poignée de la suppression de fichiers sur le serveur.

sur le succès de la méthode de dropzone pousser le nom du fichier à un tableau par exemple : file_up_names=[];
```
 success:function(file){
   file_up_names.push(file.name);
```
sur supprimer le nom et le passer à la page php pour la suppression de fichiers.
```
 removedfile: function(file) {

    x = confirm('Do you want to delete?');
    if(!x)  return false;
    for(var i=0;i<file_up_names.length;++i){

      if(file_up_names[i]==file.name) {

        $.post('delete_file.php', 
             {file_name:file_up_names[i]},
           function(data,status){
             alert('file deleted');
             });
       }
    }
 }
```
noter que si vous avez changé le nom du fichier sur le serveur, vous avez à se remettre de ce nom de fichier à supprimer.

comment ajouter php lien url à supprimer le fichier?
pourriez-vous me poster le code complet
Salut raju encore, je suis liensedésabonner undefined
c'est un exemple complet de code pour vous. veuillez consulter wikisend.com/download/322352/sampledropzone.rar
Salut, je l'ai téléchargé à nouveau. C'est le nouveau lien wikisend.com/download/168728/sampledropzone.rar

OriginalL'auteur Tintu C Raju

Essayer de code ci-dessous:

Dropzone.autoDiscover = false;
var acceptedFileTypes = "image/*"; //dropzone requires this param be a comma separated list
var fileList = new Array;
var i = 0;
$("#dropzone").dropzone({
    addRemoveLinks: true,
    maxFiles: 10, //change limit as per your requirements
    dictMaxFilesExceeded: "Maximum upload limit reached",
    acceptedFiles: acceptedFileTypes,
    dictInvalidFileType: "upload only JPG/PNG",
    init: function () {

        //Hack: Add the dropzone class to the element
        $(this.element).addClass("dropzone");

        this.on("success", function (file, serverFileName) {
            fileList[i] = {
                "serverFileName": serverFileName,
                "fileName": file.name,
                "fileId": i
            };
            $('.dz-message').show();
            i += 1;
        });
        this.on("removedfile", function (file) {
            var rmvFile = "";
            for (var f = 0; f < fileList.length; f++) {
                if (fileList[f].fileName == file.name) {
                    rmvFile = fileList[f].serverFileName;
                }
            }

            if (rmvFile) {
                $.ajax({
                    url: path, //your php file path to remove specified image
                    type: "POST",
                    data: {
                        filenamenew: rmvFile,
                        type: 'delete',
                    },
                });
            }
        });

    }
});

OriginalL'auteur Dhaval Bharadva

2

"Tous vos événements" Comme : le succès de l'erreur à l'envoi - removedfile ou addedfile et etc.

http://www.dropzonejs.com/#event-list
```
init : function () {
    self.on('Every your events', function (file, response) {
        this.removeFile(file);
    }
}
```
pour supprimer le fichier à partir de cette fonction peut ce faire :
```
Dropzone.forElement("#YourDropBoxId").removeAllFiles(true);
```
OriginalL'auteur Mahdi Bashirpour
1

Je suis tombé sur cette même question. J'ai pensé Dhaval la réponse pourrait l'aider, mais j'ai trouvé une manière plus propre de la documentation.

de la documentation:

Si vous voulez un lien pour supprimer un fichier (au lieu de la construit
dans addRemoveLinks la configuration), vous pouvez simplement insérer les éléments dans le
modèle avec les données-dz-supprimer l'attribut. Exemple:
```
<img src="removebutton.png" alt="Click me to remove the file."
> data-dz-remove />
```
J'ai testé ce même attribut sur un bouton dans mon modèle d'aperçu et il a travaillé en tant que de besoin.

pouvez-vous expliquer plus en détail? Comment insérer dans le modèle? Le modèle est en HTML?

OriginalL'auteur Greg Sipes

Côté Serveur

uploadFile

Enregistrer le fichier et, si vous décidez de stocker des informations de fichier dans la base de données,
echo table de base de données d'identification de fichier ou si vous décidez de stocker le fichier sur le disque
seulement, l'echo le nouveau nom pour le fichier.

removeFile

Supprimer fichier avec l'id ou le nom reçu de la POSTE, var $_POST["fid"] ou
avec le nom spécifié.

Javascript JQuery

fileList = new Array();
$("#fm-dropzone").dropzone({
  url: siteurl, 
  addRemoveLinks: true, 
  dictRemoveFileConfirmation: "Are you sure you want to remove this File?",     
  success: function(file, serverFileName) {
             fileList[file.name] = {"fid" : serverFileName };
           },
  removedfile: function(file) {
            $.post(siteurl + "/removeFile", fid:fileList[file.name].fid}).done(function() {
                    file.previewElement.remove();
                }); 
           }
});

OriginalL'auteur libnac

Essayer de code ci-dessous:

Dropzone.autoDiscover = false;

  var dropzone = new Dropzone ("#mydropzone", {
    maxFilesize: 256, //Set the maximum file size to 256 MB
    paramName: "document[attachment]", //Rails expects the file upload to be something like model[field_name]
    autoProcessQueue: false,
    addRemoveLinks: true //Don't show remove links on dropzone itself.
  });

  dropzone.on("removedfile", function(file){
    alert('remove triggered');
  });

  dropzone.on("addedfile", function(file){
    alert('add triggered');
  });

  dropzone.on("success", function(file){
    alert('success triggered');
  });

OriginalL'auteur gauravbhai daxini

Vous devez vous connecter pour publier un commentaire.