How to download a file without using <a> element with download attribute or a server?

javascript html file download fileapi
guest271314 picture guest271314 · Aug 2, 2016 · Viewed 17.5k times · Source

According to caniuse the download attribute of <a> element is supported at Microsoft Edge build 10547+, but not IE or Safari.

How to download a file object without using <a> element with download attribute set or a server?

Answer

Leo Farmer picture Leo Farmer · Aug 2, 2016

There are a number of ways of triggering a download. Following are a few:

Use a form:

<form method="get" action="mydoc.doc">
<button type="submit">Download</button>
</form>

Use javascript:

<button type="submit" onclick="window.open('mydoc.doc')">Download</button>

Related questions

Create Text file from String using JS and html5

i want to create a text file from a string. currently i am using a function which takes an array and makes it into a string then using that string i want to create a local text file the user …

Read More
How to convert Base64 String to javascript file object like as from file input form?

I want to convert Base64String extracted from file(ex: "AAAAA....~") to a javascript file object. The javascript file object what I mean is like this code: HTML: <input type="file" id="selectFile" > JS: $('#selectFile').on('change', …

Read More
Properly Create and Serve PDF Blob via HTML5 File and URL APIs

Ok, Let's say I have document data stored somewhere, let's arbitrarily take this pdf. Issue #1. What I want to do is make an AJAX call to this URL (because I need to pass some authentication headers and it is cross …

Read More