Arrastrar / soltar HTML: cómo configurar el nombre de archivo de un * arrastre * saliente * (al escritorio)
Estoy tratando de hacerlo para que un usuario pueda arrastrar un icono desde el navegador web a su escritorio, y se crea un archivo de texto. Tengo la parte de contenido abajo, pero no puedo entender cómo configurar el nombre de archivo. He intentado mutardataTransfer.files pero eso es de solo lectura. No estoy seguro de cómo lograr esto.
class CrashReport extends React.Component {
dragStart(event) {
const dat = {name: 'test!', crashDate: new Date()};
event.dataTransfer.name = 'tmp.txt'; // bad
event.dataTransfer.setData('text/plain', JSON.stringify(dat, null, 2));
console.log(event.dataTransfer);
}
render() {
return <div draggable onDragStart={this.dragStart.bind(this)}>
Drag This
</div>
}
}