Estoy tratando de definir la imagen que aparece cuando arrastro un elemento dentro de mi página. Vi cómo hacerlo con DataTransfer.setDragImage() en ese enlace pero conmigo no funciona. Hay dos diferencias entre mi código y el ejemplo:

• Estoy tratando de hacer este cambio a través del evento DragEnter mientras el enlace se realiza en DragStart ;
• La imagen que se arrastrará estará en el explorador de archivos del usuario, no en el documento HTML.

Ya hice una prueba y la imagen se está generando correctamente. Este es el código responsable de esta funcionalidad:

 function handleDragEnter(event) { const img = new Image; const reader = new FileReader; reader.readAsDataURL((new Blob(icon(faPhotoFilmMusic).html, { type: 'image/svg+xml' }))); reader.addEventListener('load', () => { img.src = reader.result; event.dataTransfer.setDragImage(img, 10, 10); }); }