js download file from url

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");

GitHub

gist.github.com › gkhays › fa9d112a3f9ee61c6005136ebda2a6fd

Download a file from a URL using Node.js · GitHub

https : http; const request = client.get(url, function(response) { var len = parseInt(response.headers['content-length'], 10); var cur = 0; var total = len / 1048576; //1048576 - bytes in 1 Megabyte response.on('data', function(chunk) { cur += chunk.length; showProgress(file, cur, len, total); }); response.on('end', function() { console.log("Download complete"); }); response.pipe(localFile); }); } function showProgress(file, cur, len, total) { console.log("Downloading " + file + " - " + (100.0 * cur / len).toFixed(2) + "% (" + (cur / 1048576).toFixed(2) + " MB) of total size: " + total.toFixed

Discussions

Download File with the help of JavaScript - JavaScript - SitePoint Forums | Web Development & Design Community

I have created a function to download the file, but the issue is it opens the file on the same tab, I a trying to force download that file. I read other threads but didn’t get the answer as I was expected and helpful. Please help me create this function that downloads the file. More on sitepoint.com

sitepoint.com

August 7, 2022

JavaScript Download?

Javascript is already build in in your browser. What you can Download is NodeJS, but you won't need that yet in the beginning. https://jgthms.com/javascript-in-14-minutes/ More on reddit.com

r/learnprogramming

January 16, 2023

What's the difference between .js and .js.download files?

usually .download or .part are incomplete files More on reddit.com

r/techsupport

February 24, 2024

How to start a client-side download with JavaScript

You don’t need to add the to the DOM More on reddit.com

r/learnjavascript

220

January 19, 2023

Videos