How do I create a text file using pure JavaScript, then append to it?

Question

I want to append data into a txt file. I looked at other questions, and all of the answers were only supported in IE. This is what I have so far (I'm a complete JavaScript rookie, so I don't know anything about doing this kind of stuff):

var word = "word"; //Missing Code

What is the pure JavaScript code here????

Hi, please take a look to this answer https://stackoverflow.com/a/51383975/615274 — Mario, Jun 06 '20 at 03:45
this answer might help you [answer](https://stackoverflow.com/questions/62191155/how-to-clone-html-page-when-button-cllick/62192400#62192400) — Eissa Saber, Jun 06 '20 at 09:22

score 2 · Accepted Answer · answered Jun 06 '20 at 03:52

2

I found old answer here

const createTextFile = (fileNmae, text) => {
  const element = document.createElement('a');

  element.setAttribute(
    'href',
    'data:text/plain;charset=utf-8,' + encodeURIComponent(text),
  );
  element.setAttribute('download', fileNmae);

  element.style.display = 'none';
  document.body.appendChild(element);

  element.click();

  document.body.removeChild(element);
};

createTextFile('test.txt', 'word');

answered Jun 06 '20 at 03:52

Ahmed ElMetwally

2,276
3
10
15

This code doesn't work. Is there another code snippet like this that works? – anonsaicoder9 Jun 09 '20 at 03:44
Its work successfully with me in Chrome and Mozilla Firefox – Ahmed ElMetwally Jun 09 '20 at 03:51
Can we give a path to download? – Tukenmezkelam Mar 11 '22 at 20:07

score 1 · Answer 2 · answered Jun 06 '20 at 04:00

1

let data = "some"
let file = new Blob([data], {type: "txt"})

// Appending to the file can be mimiced this way
data = data+"Text"
file = new Blob([data], {type: "txt"})

// To Download this file
let a = document.createElement("a"), url = URL.createObjectURL(file);
a.href = url;
a.download = file;
document.body.appendChild(a);
a.click()
setTimeout(function() {
  document.body.removeChild(a);
}, 0);

Hope this can help

answered Jun 06 '20 at 04:00

thealpha93

780
4
15

Thanks, but this doesn't seem to work. Any tips? I just pasted the code in the – anonsaicoder9 Jun 09 '20 at 03:50

How do I create a text file using pure JavaScript, then append to it?

2 Answers2