Create text file in JavaScript

Question

I am trying to create a text file using JavaScript, I know it is possible by using ActiveX object, but it runs well only on IE browsers.

My requirement is to generate a text file using JavaScript for a Safari browsers?

Can anyone help me in this regard?

Answer 1

Another way to do it would be to use a Blob and URL.createObjectURL. All recent browsers including Safari 6+ support them.

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

Here's an example that uses this technique to save arbitrary text from a textarea.

Another thing to note about the example is that I used the download attribute on the download link. Unfortunately, Safari does not currently support it. However in browsers that do, the file will automatically be downloaded when clicked instead of opening the file in the browser. Also, since I set the download attribute to info.txt the file will be downloaded with that name instead of the random name generated by createObjectURL.

Answer 2

In JavaScript, you can use the following line to ask the user for saving a text file:

window.open("data:text/json;charset=utf-8," + escape("Ur String Object goes here"));

I tested this in some popular browsers some time back but please check if it works in Safari or not.

Answer 3

You can use following function to create and download a txt file:

const initDownload = (function () {
  const a = document.createElement('a')
  document.body.appendChild(a)
  // @ts-ignore
  a.style = 'display: none'
  return function (data: string, fileName: string, fileHeader) {
    a.href = fileHeader + data //Image Base64 Goes here
    a.download = fileName //File name Here
    a.click() //Downloaded file
  }
}())

initDownload(
  'content of file',
  'filename.txt',
  'data:text/json;charset=utf-8,'
)