Dropzone configurer pour l'option de suppression

J'ai ajouté ci-dessous le code de dropzoneDropzone configurer pour l'option de suppression

<html> 

<head> 

<!-- 1 --> 
<link href="dropzone.css" type="text/css" rel="stylesheet" /> 

<!-- 2 --> 
<script src="dropzone.js"></script>> 

</head> 

<body> 

<!-- 3 --> 
<form action="upload.php" class="dropzone"></form> 

</body> 

</html>

Et cela fonctionne très bien. Mais je me demande comment ajouter un bouton de suppression pour supprimer un fichier particulier du serveur.

Source

2017-09-20 Paritosh Mahale

D'abord, vous devez ajouter à la configuration de dropzone l'option addRemoveLinks: true

Ensuite, nous écouter à l'événement quand un fichier est supprimé et le faire un appel Ajax pour le supprimer du serveur (ici je viens d'envoyer le nom du fichier) et sur il suffit de faire le codebehind supprimer un fichier.

Dropzone.autoDiscover = false; 

    myDropzone = new Dropzone("#DzUpload", { 
        url: 'upload.php',      
        addRemoveLinks: true, //This will show remove button      
       }); 
    //Init Dropzone 
    myDropzone.on("removedfile", function (file) { 
       if (!file.name) { return; } // The file hasn't been uploaded 
       $.ajax({ 
        type: 'POST', 
        url: 'delete.php', 
        dataType: "json", 
        data: { FileName: file.name }, 
        success: function (result) {        
         console.log("deleted") 
        } 
       }); 
      });

Source

2017-10-03 21:39:40

Dropzone configurer pour l'option de suppression

Répondre

Questions connexes