js download file from url online

stackoverflow.com › questions › 3916191 › download-data-url-file

If you also want to give a suggested name to the file (instead of the default 'download') you can use the following in Chrome, Firefox and some IE versions:

function downloadURI(uri, name) {
  var link = document.createElement("a");
  link.download = name;
  link.href = uri;
  document.body.appendChild(link);
  link.click();
  document.body.removeChild(link);
  delete link;
}

And the following example shows it's use:

downloadURI("data:text/html,HelloWorld!", "helloWorld.txt");

Answer from owencm on Stack Overflow

Stack Overflow

stackoverflow.com › questions › 3916191 › download-data-url-file

Download data URL file - javascript

Top answer

1 of 15

302

If you also want to give a suggested name to the file (instead of the default 'download') you can use the following in Chrome, Firefox and some IE versions:

function downloadURI(uri, name) {
  var link = document.createElement("a");
  link.download = name;
  link.href = uri;
  document.body.appendChild(link);
  link.click();
  document.body.removeChild(link);
  delete link;
}

And the following example shows it's use:

downloadURI("data:text/html,HelloWorld!", "helloWorld.txt");

2 of 15

166

function download(dataurl, filename) {
  const link = document.createElement("a");
  link.href = dataurl;
  link.download = filename;
  link.click();
}

download("data:text/html,HelloWorld!", "helloWorld.txt");

or:

function download(url, filename) {
  fetch(url)
    .then(response => response.blob())
    .then(blob => {
      const link = document.createElement("a");
      link.href = URL.createObjectURL(blob);
      link.download = filename;
      link.click();
  })
  .catch(console.error);
}

download("https://get.geojs.io/v1/ip/geo.json","geoip.json")
download("data:text/html,HelloWorld!", "helloWorld.txt");

GeeksforGeeks

geeksforgeeks.org › javascript › download-any-file-from-url-with-vanilla-javascript

Download Any File From URL with Vanilla JavaScript - GeeksforGeeks

11:13

Downloading files from a URL using vanilla JavaScript involves creating a link element, setting its href attribute to the file URL, and programmatically triggering a click event. This method allows users to download files without relying on ...

Published August 5, 2025

Discussions

Can I download a file in JavaScript WITHOUT using blobs?

That’s why a manager is a manager and he should just stay in his lane. He clearly does not understand blob that well. More on reddit.com

r/webdev

103

March 4, 2024

How would you go about downloading a file from the web to the user's machine in Node.js?

With fetch. Here's a nice example answer from stack exchange: const downloadFile = (async (url, path) => { const res = await fetch(url); const fileStream = fs.createWriteStream(path); await new Promise((resolve, reject) => { res.body.pipe(fileStream); res.body.on("error", reject); fileStream.on("finish", resolve); }); }); Just call it with something like await downloadFile('https://github.com/path/to/thing', '/path/to/save/thing'); More on reddit.com

r/learnjavascript

March 24, 2022

How to download a file from remote url? <a download> previews the file but not download it

`` behaviour only works if the URL is the same origin. In this case it isn't, so you need to have a route handler do the fetching of the file, and then create a response with the downloaded file as the body while also setting the right header: https://stackoverflow.com/questions/20508788/do-i-need-content-type-application-octet-stream-for-file-download More on reddit.com

r/nextjs

February 16, 2024

Downloading a file from URL in TS/JS.

I want to create a function in TS which gets called on a button click, takes an image or PDF URL, uploaded in AWS, and then downloads it to the… More on reddit.com

r/learnprogramming

October 5, 2021

Videos