Cropper recadrer plusieurs images avant de télécharger avec dropzne js

Question

J'utilise Bootstrap avec dropzone.js pour permettre aux utilisateurs de télécharger des images en faisant glisser & drop. Par conséquent, j'ai créé une zone de dépôt qui fonctionne bien, y compris le téléchargement, même avec plusieurs images. Mais maintenant, je veux recadrer les images avant de les télécharger. Je pense que l'événement this.on("added file", function(file){ dans la fonction init de dropzone.js est le bon endroit, mais je ne sais pas comment convertir les fichiers afin que je puisse les recadrer un par un dans un modèle spécial et télécharger l'image recadrée.

Answer 1

Vous pouvez accéder au fichier téléchargé dans la zone de dépôt dans "fichier ajouté", mais si vous voulez rogner des images téléchargées via dropzone, vous devez utiliser des fichiers externes tels que cropperjs. d'abord si vous avez plusieurs upload dans dropzone puis donnez un bouton à chaque image ou ajoutez un événement click à chaque image et passez ce fichier comme param à cropperjs.