We generate a link containing the reference to our file. To download the file, we use a small trick: To check whether creating the file worked, we need to access it. We created a new txt file in the browser. Generating more abstract file types requires working with blobs or buffers.įor now, this is enough. As an option, we pass the actual type of file.įor generating a file, file with data of the text/plain type (text, HTML, CSV, etc.), this is all we need.Second, the filename, including the ending.First, an array of data - this can be a Blob, an ArrayBuffer, or like in our case, a compatible string.

The necessary parameters are the following:

It’s as easy as the following code: const file = new File(, 'note.txt', ) To create a file with it, we create a new instance of the File class. It is called the File API and is widely supported. Generating a file with JavaScriptįor working with files, there is an API in the browser. We don’t even need a JavaScript library for this to happen. But there is another way: Files can be generated and downloaded in the browser. Then, a redirect to the file in the browser is happening, which leads to an download. Ever wondered how web apps generate files and let you download them?Ī common way is generating the file in the backend.

Javascript download string as file