Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

How do you automatically download a file in javascript?

So, I've been looking and trying to find a way to download a file automatically right when somebody goes onto my site. I've tried using an a tag to download, and it works, you just have to click to download it. Like so...

<a href="pic.jpg" download>Download</a>

But I don't want that. I want it to automatically download with no click. I need some help please!

like image 734
Zinger Avatar asked Apr 28 '16 01:04

Zinger


2 Answers

Another way to do it :

var a = document.createElement('a');
a.setAttribute('href', dataUri);
a.setAttribute('download', filename);

var aj = $(a);
aj.appendTo('body');
aj[0].click();
aj.remove();
like image 161
ZettaCircl Avatar answered Nov 10 '22 08:11

ZettaCircl


Another option which is pure javascript is:

const downloadFile = (file) => {
  const element = document.createElement('a');
  element.setAttribute('href', 'Download Btn');
  element.setAttribute('download', file);

  element.style.display = 'none';

  document.body.appendChild(element);

  element.click();
  document.body.removeChild(element);
}

And then you can call the function on load:

downloadFile(/*pass your file here*/);
like image 21
Harvey Kadyanji Avatar answered Nov 10 '22 08:11

Harvey Kadyanji