JavaScript get file from server

Question

I have a following server endpoint that expects X-DOWNLOAD:yes request header parameter:

GET/POST example.com/download

If X-DOWNLOAD:yes is present server returns file to client. If no - redirects user to another page.

How to make a JavaScript call from client in order to get a file(set X-DOWNLOAD:yes parameter) - show browser Save dialog ?

this may be what your after http://stackoverflow.com/questions/24501358/how-to-set-a-header-for-a-http-get-request-and-trigger-file-download — Neo, Nov 28 '16 at 16:08

score 3 · Accepted Answer · edited May 23 '17 at 12:02

3

To add headers to the request do something like this:

$.ajax({
    type: 'POST',
    url: url,
    headers: {
        "X-Download":"yes",
    }
    //OR
    //beforeSend: function(xhr) { 
    //  xhr.setRequestHeader("X-Download, "yes"); 
    //}
}).done(function(data) { 
    alert(data);
});

For download take a look at Download a file by jQuery.Ajax

edited May 23 '17 at 12:02

Community

1
1

answered Nov 28 '16 at 16:10

Nir Levy

4,613
2
34
47

Is it a right way to do file download or I should reimplement my server side? – alexanoid Nov 28 '16 at 16:13
1

@JuanMendes, jQuery is tagged. I believe it's fine – Adam Azad Nov 28 '16 at 16:14
@adam Ha, I guess the mobile site doesn't show tags – Ruan Mendes Nov 28 '16 at 16:16
@alexanoid regarding the download itself. It depends on the how the server is sending the file. Take a look at the reference question http://stackoverflow.com/questions/4545311/download-a-file-by-jquery-ajax – Nir Levy Nov 29 '16 at 09:47

JavaScript get file from server

1 Answers1