Как создать и сохранить файл в js на клиенте

Question

Есть html-страница:

<input id='input' />
<button onclick='saveFile()'>Save<button>

Скрипт:

function saveFile(){
    var data = document.getElementById('input').value;
    //...create txt file with data
    //..save file on client
}

Файл должен сохраняться в "Загрузки" по-умолчанию

Как это можно реализовать?

Answer 1

Все оказалось возможным:

function saveFile() {
  var data = document.getElementById('input').value;
  var a = document.getElementById("linkForSavingFiles");
  var file = new Blob([data], {
    type: 'plain/text'
  });
  a.href = URL.createObjectURL(file);
  a.download = 'file.txt';
  a.click();
}

<input id='input' />
<button onclick='saveFile()'>Save</button>
<a href='' id='linkForSavingFile' style='display:none' />