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>
  }
}

http://embed.plnkr.co/ar3deFFvedcWhVfwt6c6/

Ответы на вопрос(4)

Ваш ответ на вопрос