Arrastar / soltar HTML - como definir o nome do arquivo de um arrasto * de saída * (para a área de trabalho)
Estou tentando fazer com que um usuário possa arrastar um ícone do navegador da web para a área de trabalho e um arquivo de texto seja criado. Baixei a parte do conteúdo, mas não consigo descobrir como definir o nome do arquivo. Eu tentei mudardataTransfer.files mas isso é somente leitura. Não tenho certeza de como conseguir isso.
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>
}
}