É possível gravar dados em arquivos usando apenas JavaScript?

Quero gravar dados em um arquivo existente usando JavaScript. Não quero imprimi-lo no console. Quero realmente gravar dados para abc.txt. Eu li muitas perguntas respondidas, mas em todos os lugares onde elas estão imprimindo no console. em algum lugar eles deram código, mas não está funcionando. Então, por favor, alguém pode me ajudar Como realmente gravar dados em arquivo.

Consultei o código, mas não está funcionando: está dando erro:

Uncaught TypeError: Construtor ilegal

no cromo e

SecurityError: a operação é insegura.

no Mozilla

var f = "sometextfile.txt";

writeTextFile(f, "Spoon")
writeTextFile(f, "Cheese monkey")
writeTextFile(f, "Onion")

function writeTextFile(afilename, output)
{
  var txtFile =new File(afilename);
  txtFile.writeln(output);
  txtFile.close();
}

Então, podemos realmente gravar dados em um arquivo usando apenas Javascript ou NÃO?

Algumas sugestões para isso -

1. Se você estiver tentando gravar um arquivo na máquina cliente, não poderá fazer isso de nenhuma maneira no navegador. O IE possui métodos para permitir que aplicativos "confiáveis" usem objetos ActiveX para ler / gravar arquivos.
2. Se você estiver tentando salvá-lo no servidor, basta passar os dados de texto para o servidor e executar o código de gravação de arquivo usando algum idioma do servidor.
3. Para armazenar algumas informações consideravelmente pequenas no cliente, você pode usar cookies.
4. Usando a API HTML5 para armazenamento local.

Você pode criar arquivos no navegador usando Blobe URL.createObjectURL. Todos os navegadores recentes suportam isso .

Você não pode salvar diretamente o arquivo criado, pois isso causaria grandes problemas de segurança, mas você pode fornecê-lo como um link de download para o usuário. Você pode sugerir um nome de arquivo por meio do downloadatributo do link, em navegadores que suportam o atributo de download. Como em qualquer outro download, o usuário que baixar o arquivo terá a palavra final no nome do arquivo.

var textFile = null,
  makeTextFile = function (text) {
    var data = new Blob([text], {type: 'text/plain'});

    // If we are replacing a previously generated file we need to
    // manually revoke the object URL to avoid memory leaks.
    if (textFile !== null) {
      window.URL.revokeObjectURL(textFile);
    }

    textFile = window.URL.createObjectURL(data);

    // returns a URL you can use as a href
    return textFile;
  };

Aqui está um exemplo que usa essa técnica para salvar texto arbitrário de a textarea.

Se você deseja iniciar imediatamente o download em vez de exigir que o usuário clique em um link, pode usar eventos do mouse para simular um clique do mouse no link, como fez a resposta do Lifecube . Eu criei um exemplo atualizado que usa essa técnica.

  var create = document.getElementById('create'),
    textbox = document.getElementById('textbox');

  create.addEventListener('click', function () {
    var link = document.createElement('a');
    link.setAttribute('download', 'info.txt');
    link.href = makeTextFile(textbox.value);
    document.body.appendChild(link);

    // wait for the link to be added to the document
    window.requestAnimationFrame(function () {
      var event = new MouseEvent('click');
      link.dispatchEvent(event);
      document.body.removeChild(link);
    });

  }, false);

Se você estiver falando sobre javascript do navegador, não poderá gravar dados diretamente no arquivo local por motivos de segurança. A nova API do HTML 5 pode permitir apenas a leitura de arquivos.

Mas se você deseja gravar dados, e permitir que o usuário faça o download como um arquivo para o local. o seguinte código funciona:

    function download(strData, strFileName, strMimeType) {
    var D = document,
        A = arguments,
        a = D.createElement("a"),
        d = A[0],
        n = A[1],
        t = A[2] || "text/plain";

    //build download link:
    a.href = "data:" + strMimeType + "charset=utf-8," + escape(strData);


    if (window.MSBlobBuilder) { // IE10
        var bb = new MSBlobBuilder();
        bb.append(strData);
        return navigator.msSaveBlob(bb, strFileName);
    } /* end if(window.MSBlobBuilder) */



    if ('download' in a) { //FF20, CH19
        a.setAttribute("download", n);
        a.innerHTML = "downloading...";
        D.body.appendChild(a);
        setTimeout(function() {
            var e = D.createEvent("MouseEvents");
            e.initMouseEvent("click", true, false, window, 0, 0, 0, 0, 0, false, false, false, false, 0, null);
            a.dispatchEvent(e);
            D.body.removeChild(a);
        }, 66);
        return true;
    }; /* end if('download' in a) */



    //do iframe dataURL download: (older W3)
    var f = D.createElement("iframe");
    D.body.appendChild(f);
    f.src = "data:" + (A[2] ? A[2] : "application/octet-stream") + (window.btoa ? ";base64" : "") + "," + (window.btoa ? window.btoa : escape)(strData);
    setTimeout(function() {
        D.body.removeChild(f);
    }, 333);
    return true;
}

para usá-lo:

download('the content of the file', 'filename.txt', 'text/plain');

A resposta acima é útil, mas encontrei o código que ajuda você a baixar o arquivo de texto diretamente no clique do botão. Nesse código, você também pode alterar filenamecomo desejar. É pura função javascript com HTML5. Funciona para mim!

function saveTextAsFile()
{
    var textToWrite = document.getElementById("inputTextToSave").value;
    var textFileAsBlob = new Blob([textToWrite], {type:'text/plain'});
    var fileNameToSaveAs = document.getElementById("inputFileNameToSaveAs").value;
      var downloadLink = document.createElement("a");
    downloadLink.download = fileNameToSaveAs;
    downloadLink.innerHTML = "Download File";
    if (window.webkitURL != null)
    {
        // Chrome allows the link to be clicked
        // without actually adding it to the DOM.
        downloadLink.href = window.webkitURL.createObjectURL(textFileAsBlob);
    }
    else
    {
        // Firefox requires the link to be added to the DOM
        // before it can be clicked.
        downloadLink.href = window.URL.createObjectURL(textFileAsBlob);
        downloadLink.onclick = destroyClickedElement;
        downloadLink.style.display = "none";
        document.body.appendChild(downloadLink);
    }

    downloadLink.click();
}

Experimentar

let a = document.createElement('a');
a.href = "data:application/octet-stream,"+encodeURIComponent("My DATA");
a.download = 'abc.txt';
a.click();

No caso de não ser possível usar a nova Blobsolução, que é com certeza a melhor solução no navegador moderno, ainda é possível usar essa abordagem mais simples, que tem um limite no tamanho do arquivo a propósito:

function download() {
                var fileContents=JSON.stringify(jsonObject, null, 2);
                var fileName= "data.json";

                var pp = document.createElement('a');
                pp.setAttribute('href', 'data:text/plain;charset=utf-8,' + encodeURIComponent(fileContents));
                pp.setAttribute('download', fileName);
                pp.click();
            }
            setTimeout(function() {download()}, 500);

$('#download').on("click", function() {
  function download() {
    var jsonObject = {
      "name": "John",
      "age": 31,
      "city": "New York"
    };
    var fileContents = JSON.stringify(jsonObject, null, 2);
    var fileName = "data.json";

    var pp = document.createElement('a');
    pp.setAttribute('href', 'data:text/plain;charset=utf-8,' + encodeURIComponent(fileContents));
    pp.setAttribute('download', fileName);
    pp.click();
  }
  setTimeout(function() {
    download()
  }, 500);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button id="download">Download me</button>

Use o código do usuário @ useless-code acima ( https://stackoverflow.com/a/21016088/327386 ) para gerar o arquivo. Se você deseja baixar o arquivo automaticamente, passe o textFileque acabou de ser gerado para esta função:

var downloadFile = function downloadURL(url) {
    var hiddenIFrameID = 'hiddenDownloader',
    iframe = document.getElementById(hiddenIFrameID);
    if (iframe === null) {
        iframe = document.createElement('iframe');
        iframe.id = hiddenIFrameID;
        iframe.style.display = 'none';
        document.body.appendChild(iframe);
    }
    iframe.src = url;
}

Encontrei boas respostas aqui, mas também encontrei uma maneira mais simples.

O botão para criar o blob e o link de download pode ser combinado em um link, pois o elemento link pode ter um atributo onclick. (O inverso parece não ser possível, adicionar um href a um botão não funciona.)

Você pode estilizar o link como um botão usando bootstrap , que ainda é javascript puro, exceto pelo estilo.

A combinação do botão e do link de download também reduz o código, pois menos desses são feios getElementById são necessárias chamadas .

Este exemplo precisa de apenas um botão para criar o blob de texto e fazer o download:

<a id="a_btn_writetofile" download="info.txt" href="#" class="btn btn-primary" 
   onclick="exportFile('This is some dummy data.\nAnd some more dummy data.\n', 'a_btn_writetofile')"
>
   Write To File
</a>

<script>
    // URL pointing to the Blob with the file contents
    var objUrl = null;
    // create the blob with file content, and attach the URL to the downloadlink; 
    // NB: link must have the download attribute
    // this method can go to your library
    function exportFile(fileContent, downloadLinkId) {
        // revoke the old object URL to avoid memory leaks.
        if (objUrl !== null) {
            window.URL.revokeObjectURL(objUrl);
        }
        // create the object that contains the file data and that can be referred to with a URL
        var data = new Blob([fileContent], { type: 'text/plain' });
        objUrl = window.URL.createObjectURL(data);
        // attach the object to the download link (styled as button)
        var downloadLinkButton = document.getElementById(downloadLinkId);
        downloadLinkButton.href = objUrl;
    };
</script>

Sim, é possível Aqui o código é

const fs = require('fs') 
let data = "Learning how to write in a file."
fs.writeFile('Output.txt', data, (err) => { 
      
    // In case of a error throw err. 
    if (err) throw err; 
})