How to download a file in JavaScript or jQuery

Question

I have file object

var File = new File(["aa"], "dek_iv");

can I download this one using JavaScript or jQuery

Solution

Here is an Example how you can download your file Object.

But this will return nothing since the file size is too small for the system to read.

function downloadFile() {

 var file = new File(["aa"], "dek_iv.txt");
    var link = document.createElement("a");
    link.download =file.name;
    link.href = file;
    link.click();
}

<button onclick="downloadFile()">Download File</button>

Comments

[ozil]

Possible duplicate of Download File Using Javascript/jQuery

[StackSlave]

I would suggest going another route, due to Browser compatibility.

[Harish Soni]

No problem. If you got the solution then if you can accept it as answer and give an upvote so that others can easily get the answer if they have the same issue.

[ravindra reddy]

But the file content is coming as html i want to see aa in the file i changed below line now its coming as text link.href = URL.createObjectURL(file);

[Harish Soni]

I can't get you can you please elaborate once?

[ravindra reddy]

downloaded file is giving me html content not original content (aa) and for pdf type i am unable to open

[Harish Soni]

You need to use some libraries if you want the HTML contents in a PDF file.

[Harish Soni]

stackoverflow.com/questions/47989089/create-pdf-from-reactjs‌​/…

[Jarry]

"But this will return nothing since the file size is too small for the system to read." can you expand on this? i can't find any reference to a minimum file size

[Özgür Can Karagöz]

Please enter a comment in your answer.