Download file from jquery/javascript

Question

I have a java script file in which a variable has some string like:

var xw = 'Some content';

I want to download this string as a file. How to do this in JQuery/javascript? I don't want to send any request on server using AJAX. Is there any way to download in purely JQuery/javascript ?

Check this post. stackoverflow.com/questions/1296085/download-file-using-jquery — Eric Leroy
– Eric Leroy, Commented Oct 12, 2012 at 11:51
It works only when i have a file already created. But i don't have such type of any file. — Abhendra Singh
– Abhendra Singh, Commented Oct 12, 2012 at 11:54
This is a sample demo service. We are not using java and any other server side programming. This is normal HTML project. — Abhendra Singh
– Abhendra Singh, Commented Oct 12, 2012 at 12:09
Is there anyway to change the download file name? Right now it just shows as download?! — Omar Wagih
– Omar Wagih, Commented Nov 20, 2013 at 1:05

skovalyov · Accepted Answer · 2012-10-12 11:55:14Z

8

<a href="data:application/octet-stream;charset=utf-8;base64,U29tZSBjb250ZW50">Download "Some content" as a text file</a>

http://jsfiddle.net/5tJ5p/

answered Oct 12, 2012 at 11:55

skovalyov

2,0991 gold badge16 silver badges12 bronze badges

Sign up to request clarification or add additional context in comments.

9 Comments

Abhendra Singh Over a year ago

How it is working? Do we need to encrypt data? Please can you explain it?

skovalyov Over a year ago

Yes, you need to encode data. In base64 in this case. Basically "U29tZSBjb250ZW50" is a base64 representation of "Some content" string. You can read more about this approach at developer.mozilla.org/en-US/docs/data_URIs or en.wikipedia.org/wiki/Data_URI_scheme. Please, consider browser adoption.

skovalyov Over a year ago

You can encode a string as base64 in JavaScript using btoa() function. For example: alert(btoa("Some content"));

skovalyov Over a year ago

You can specify a download attribute on <a> tag, see jsfiddle.net/5tJ5p/1, but again you need to check details about adoption. You can also take a look at Blob and File API that provides another way to achieve the same objective. See html5-demos.appspot.com/static/a.download.html as an example.

Abhendra Singh Over a year ago

If i want to download using window.location.href=URL then how to use download attribute to change name of file?

|

SLaks · Accepted Answer · 2012-10-12 11:51:12Z

2

You're looking for Downloadify.

answered Oct 12, 2012 at 11:51

SLaks

891k182 gold badges1.9k silver badges2k bronze badges

4 Comments

ThiefMaster Over a year ago

Not sure if that's what he wants. But then again, the question is horribly vague...

Eric Leroy Over a year ago

Not really a pure javascript/jquery solution, but I use a similar hack to onclick copy to the clip board.

Eric Leroy Over a year ago

I think it's the best he's going to find.

Ollie Over a year ago

As much as I hate to upvote something that requires Flash, there doesn't seem to be a better cross browser solution.

Collectives™ on Stack Overflow

Download file from jquery/javascript

2 Answers 2

9 Comments

4 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

9 Comments

4 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related