Don't complicate yourself with any Server-Side code, or third-party libraries anymore.The function to do this is quite small and relies on URL.

You can see that CSV file data will show in tabular form. We will show you the output on both excel and notepad after opening the CSV file.

For reference, open in the download CSV file in MS-Excel and see the data inside it. It is used to fetch the files from a remote server by making. Now, on button click, you'll have the configurations file downloaded, and all of this just with the help of JavaScript Īlways use this trick when you need to download any files in the Browser. Look at the extension of the downloaded file, which will be. fetch is a native browser feature introduced in the latest browsers. Auto click on a element, trigger the file download Let's create the Download ButtonĪs we already know what's a Blob, let's have a look at how to download any data just using JavaScript Blob API.Ĭonsider having a JSON format object which contains some application configurations: const configuration = Ĭonst blobUrl = URL.createObjectURL(blobConfig) Ĭonst anchor = document.createElement('a') Īnchor.download = 'my-configurations.json' Open JavaScript is available to you under the GNU Lesser General Public License.

The Fileinterface is based on Blob, inheriting blob functionality and expanding it to support files on the user's system. Open JavaScript is a collection of useful JavaScript libraries that you can use to create useful applications. Blobs can represent data that isn't necessarily in a JavaScript-native format. MDN says: The Blob object represents a blob, which is a file-like object of immutable, raw data they can be read as text or binary data or converted into a ReadableStream so its methods can be used for processing the data. Thanks to Blob API, nowadays we can download any file (clicking on button) with JS more efficiently and painlessly ) What's a Blob? When you're used to be working only on JavaScript and sometimes needed to keep some data on your computer, you might have to implement some server-side code or some tricky HTML which weren't working all times.

Javascript download files