[AJAX] Passage d'une image en xhr

Bonjour,

Je tente d'ajouter des images à une requête post xhr afin de les uploader sur le serveur.

Voici la démarche:

L'utilisateur peut ajouter des images via un input file ou une dropzone. Lorsqu'il ajoute une image, je lui affiche celle-ci dans la dropzone à l'aide de ReadAsDataUrl.

Le résultat du read va donc dans des balises balises (leur .src), ce qui les affiche, pas de souci là dessus.

J'ai ajouté, sous chaque image un bouton supprimer, qui supprime la div dans laquelle le bouton et l'image sont stockés.

Pour, à la validation du formulaire, uploader toutes les images, j'ai dans mon script JS un array de fichiers (récupérés de la dropzone & input file à chaque ajout)

Deux soucis:
- Comment je peux, lorsque j'efface une image (via le bouton que j'ai ajouté), supprimer le fichier correspondant dans l'array de fichiers? (comment faire la correspondance entre le dataurl et le file)

Merci

L'upload est ok. Plus qu'un souci: faire le lien entre les balises img & les files de l'array pour pouvoir les supprimer lorsque l'utilisateur clique sur le bouton à coté de la balise img.