Download File Using JavaScript jQuery

Question

I have a very similar requirement specified here.

I need to have the user's browser start a download manually when $('a#someID').click();

But I cannot use the window.href method, since it replaces the current page contents with the file you're trying to download.

Instead I want to open the download in new window/tab. How is this possible?

Edureka · Answer 1 · Jun 3, 2022

Suppose you want to download a file when you click on a link. For downloading the file, we mentioned here to implementation as well as folder structure where you can see the file location.

Approach:

Create an anchor tag link on the normal HTML page.

<!DOCTYPE html>

<html>



<head>

<title>

Download File Using

JavaScript/jQuery

</title>

</head>



<body>

<h1>

Download File Using

JavaScript/jQuery

</h1>



<a id="link" href="#">

Download this file

</a>

</body>



</html>