¿Es posible escribir datos en un archivo usando solo JavaScript?

Quiero escribir datos en un archivo existente usando JavaScript. No quiero imprimirlo en la consola. Quiero escribir datos en realidad abc.txt. Leí muchas preguntas respondidas, pero en todas partes están imprimiendo en la consola. en algún lugar han dado código pero no funciona. Entonces, ¿alguien puede ayudarme? Cómo escribir datos en un archivo.

Remití el código pero no funciona: está dando un error:

TypeError no capturado: constructor ilegal

en cromo y

SecurityError: la operación es insegura.

en 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();
}

Entonces, ¿podemos realmente escribir datos en el archivo usando solo Javascript o NO?

Algunas sugerencias para esto:

1. Si está intentando escribir un archivo en la máquina del cliente, no puede hacerlo de ninguna manera entre navegadores. IE tiene métodos para permitir que las aplicaciones "confiables" usen objetos ActiveX para leer / escribir archivos.
2. Si está tratando de guardarlo en su servidor, simplemente pase los datos de texto a su servidor y ejecute el código de escritura del archivo usando algún lenguaje del lado del servidor.
3. Para almacenar alguna información del lado del cliente que sea considerablemente pequeña, puede utilizar cookies.
4. Uso de la API HTML5 para almacenamiento local.

Puede crear archivos en el navegador usando Bloby URL.createObjectURL. Todos los navegadores recientes lo admiten .

No puede guardar directamente el archivo que crea, ya que eso causaría problemas de seguridad masivos, pero puede proporcionarlo como un enlace de descarga para el usuario. Puede sugerir un nombre de archivo a través del downloadatributo del enlace, en navegadores que admitan el atributo de descarga. Al igual que con cualquier otra descarga, el usuario que descargue el archivo tendrá la última palabra sobre el nombre del archivo.

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

Aquí hay un ejemplo que usa esta técnica para guardar texto arbitrario de a textarea.

Si desea iniciar inmediatamente la descarga en lugar de requerir que el usuario haga clic en un enlace, puede usar eventos del mouse para simular un clic del mouse en el enlace como lo hizo la respuesta de Lifecube . He creado un ejemplo actualizado que usa esta 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);

Si está hablando de JavaScript del navegador, no puede escribir datos directamente en el archivo local por razones de seguridad. La nueva API HTML 5 solo puede permitirle leer archivos.

Pero si desea escribir datos, y permitir que el usuario descargue como un archivo local. funciona el siguiente código:

    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 usarlo:

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

La respuesta anterior es útil, pero encontré un código que te ayuda a descargar el archivo de texto directamente al hacer clic en el botón. En este código también puede cambiar filenamelo que desee. Es pura función de JavaScript con HTML5. ¡Funciona para mi!

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();
}

Tratar

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

En el caso de que no sea posible usar la nueva Blobsolución, esa es sin duda la mejor solución en el navegador moderno, aún es posible usar este enfoque más simple, que tiene un límite en el tamaño del archivo por cierto:

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 el código del usuario @ useless-code anterior ( https://stackoverflow.com/a/21016088/327386 ) para generar el archivo. Si desea descargar el archivo automáticamente, pase el textFileque se acaba de generar a esta función:

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

Encontré buenas respuestas aquí, pero también encontré una manera más simple.

El botón para crear el blob y el enlace de descarga se pueden combinar en un enlace, ya que el elemento de enlace puede tener un atributo onclick. (Lo contrario parece imposible, agregar un href a un botón no funciona).

Puede bootstrapdiseñar el enlace como un botón utilizando , que todavía es JavaScript puro, excepto por el estilo.

La combinación del botón y el enlace de descarga también reduce el código, ya que getElementByIdse necesitan menos de esas llamadas feas .

Este ejemplo solo necesita hacer clic en un botón para crear el blob de texto y descargarlo:

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

Sí, es posible Aquí el código es

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