Download HTML file on anchor tag click

Question

I want to Download an HTML file on click of anchor tag on another html.

Example: 1. I have index.html page with the anchor tag (Download Link).

I have another html file (download.html).
Now i want to download (download.html) file on anchor link click.

i tried using the HTML5 download attribute. but its as we know it not support to IE,safari, and opera browsers.

is their anyway to do this using Javascript ??

Yes, I did it, but its navigating me on new tab with myfile.html — kishor, Sep 02 '14 at 12:34
You'll need a server side script to add the required header to the response. — Mat J, Sep 02 '14 at 12:44

score 1 · Answer 1 · edited May 23 '17 at 11:59

1

Without some PHP coding stuff it is not possible directly to download a Text file with HTML enter code here. You have to compress and ZIP that file, and than provide the link in HTML.

<a href="myfile.zip" target="_blank">Download</a>

And also if you decide to use that PHP stuff, read this question.

For doing it to JS read this question.

edited May 23 '17 at 11:59

Community

1
1

answered Sep 02 '14 at 12:40

Romo Daneghyan

2,099
3
18
23

Is their any way to do it using javascript or JQuery ? – kishor Sep 02 '14 at 12:43
Romo for this i have to use downloadify plugin right ? – kishor Sep 02 '14 at 12:56
let me know if you will have any troubleshouting – Romo Daneghyan Sep 02 '14 at 13:04
Romo, can you give me a sample code for it. using JS ? – kishor Sep 03 '14 at 06:49

score 0 · Answer 2 · answered Jan 25 '16 at 08:51

You can use window.location.href in javascript

<a href="#" target="_blank">Download this</a>

then js code just prevent the link from redirecting.

$('a').click(function(e){
                e.preventDefault();
                window.location.href = 'http://practice.com/materialize.rar';
});

score -2 · Answer 3 · answered Apr 30 '15 at 14:36

To download a file by using anchor tag use following method: Download

file path is a path were your file is store after uploading.. suppose you create a folder name "File" in your site folder in which you store a file name adc.doc to download this file use

Download

Download HTML file on anchor tag click

3 Answers3