HTML drag / drop - как установить имя файла * исходящего * перетаскивания (на рабочий стол)
Я пытаюсь сделать так, чтобы пользователь мог перетащить значок из веб-браузера на рабочий стол и создать текстовый файл. У меня есть часть контента, но я не могу понять, как установить имя файла. Я пытался мутироватьdataTransfer.files
но это только для чтения. Я не уверен, как этого добиться.
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>
}
}