How to download a csv file from a url

Question

User-454825017 posted

see my code is working to download csv file from a url

function downloadFile(fileName, urlData) {

    var aLink = document.createElement('a');
    var evt = document.createEvent("HTMLEvents");
    evt.initEvent("click");
    aLink.download = fileName;
    aLink.href = urlData;
    aLink.click(evt);
}

downloadFile('INSTHOLDING.csv', 'https://test.com/targeting/Export/test.csv');

in the above url file name is test.csv but i want when this file will be downloading in client pc then name should be inst.csv. how it would be possible ?

Answer 1

User348806598 posted

Try-

function downloadFile(fileName, urlData) {

    var aLink = document.createElement('a');
    var evt = document.createEvent("HTMLEvents");
    evt.initEvent("click");
    aLink.href = urlData;
    aLink.download="inst.csv"
    aLink.click(evt);
}

Answer 2

User348806598 posted

Hi,

Realized that this may not work in all the cases. Here is the explanation(https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a, search for dowload).

If you have server-side access, you can name the file whatever you want.

Answer 3

User-454825017 posted

yes i did it aLink.download="inst.csv"

but still file name not changed. there must be some other workaround. 

Answer 4

User-474980206 posted

the download attributes filename will only be honored if its the same origin. be sure to use relative path. also the browser must support it, did you try chrome?

Answer 5

User-454825017 posted

yes i tried chrome. i am downloading file from a different web site. not same origin. can you please tell me any other work around by which i can download that csv file from other web site url using JavaScript but i can give a different name to file during downloading the file in client pc. is it not possible ?

Answer 6

User475983607 posted

yes i tried chrome. i am downloading file from a different web site. not same origin. can you please tell me any other work around by which i can download that csv file from other web site url using JavaScript but i can give a different name to file during downloading the file in client pc. is it not possible ?

Write server side code to download the file.  Your JavaScript application calls your C# code to download the file.

Answer 7

User-454825017 posted

yes i think that would be last option. thank you.

Answer 8

User288213138 posted

Hi TDP,

in the above url file name is test.csv but i want when this file will be downloading in client pc then name should be inst.csv. how it would be possible ?

'https://test.com/targeting/Export/test.csv'

You can use replac() method to modify urlData.

var str = 'https://test.com/targeting/Export/test.csv';

var res = str.replace('test.csv','inst.csv');

Best regards,

sam

Answer 9

User-454825017 posted

it did it at server side and issue fixed. thanks

Answer 10

User-454825017 posted

if i change the file name in url then how js can download the file ?

as you said 

var res = str.replace('test.csv','inst.csv');

Answer 11

User288213138 posted

Hi TDP,

if i change the file name in url then how js can download the file ?

Do you mean you only need to set the file name in client pc?

If so, you can try this code.

function download(filename, urldata) {
            var a = document.createElement("a");
            a.href = urldata;
            a.setAttribute("download", filename);
            a.click();
        }

download("helloWorld.txt", "data:text/html,HelloWorld!");

Best regards,

Sam