Not able to Download ICS file in safari browser

Question

I am trying to download ICS file in all the browsers. I am able to download ICS file in chrome but not in safari. Here is the javascript code that i used.

if(isChrome)
{
            var blob=new Blob([data]);
            var link=document.createElement('a');
            link.href=window.URL.createObjectURL(blob);
            link.download=fileName+".ics";
            link.click()
}
if(!isChrome) 
{
`   alert("not chrome");
    var downloadLink = document.createElement('a');
    downloadLink.setAttribute('href', 'data:application/octet;charset=utf-8,' + escape(data));
    var fileName = fileName+'.ics';
    downloadLink.setAttribute('download', fileName);
    var clk = document.createEvent("MouseEvent");
    clk.initEvent("click", true, true);
    downloadLink.dispatchEvent(clk);
    document.body.appendChild(downloadLink);
    downloadLink.dispatchEvent(clk);
    //download(data, fileName+".ics", "text/calendar");
}

In Safari browser the generated file is getting downloaded but that file name is not getting appended. The filename i am getting is "Unknown" but the size of the file is 3KB and the content is there only the filename and extension is not getting added to the file.

Please let me know how i can solve this issue.

Thanks in advance

Possible duplicate of [Is there any way to specify a suggested filename when using data: URI?](http://stackoverflow.com/questions/283956/is-there-any-way-to-specify-a-suggested-filename-when-using-data-uri) — Alexander O'Mara, Aug 16 '16 at 05:52

score 1 · Answer 1 · answered Mar 02 '21 at 13:10

You should specify blob type. { type: 'text/calendar' }

        const blob = new Blob([data], { type: 'text/calendar' });
        const link = document.createElement('a');
        link.href = window.URL.createObjectURL(blob);
        link.download = filename + ".ics" ;
        link.click();

Use this to download the file successfully, but you have to manually add it to the calendar. Safari does not include ics in a list of safe files and it will not be opened automatically.

score 0 · Answer 2 · answered Jul 31 '17 at 21:03

0

If the problem is that you're using safari 10.1 or below the problem might be that it doesn't like the download attr. http://caniuse.com/#feat=download

answered Jul 31 '17 at 21:03

Michael Simonitsch

53
2
10

Not able to Download ICS file in safari browser

2 Answers2

Linked