Downlaoding a file with out extension about react-csv HOT 16 OPEN

Our windows users are also experiencing this issue: That is, using CSVLink, file is downloaded without an extension.

from react-csv.

I am facing the same issue using CSVDownload on Chrome (Windows) but it is working fine on OSX.

from react-csv.

I believe this happens on windows only, correct?

from react-csv.

@kamarajuPrathi what issue are you having? If this is windows, its generally recommended to not have more than the one "." in the filename. This is likely not a react-csv issue

from react-csv.

On both windows and linux, it does not prompt you for a file name and directory. When you click the icon, it immediately downloads the file into the default download directly, with prop.filename as the file name and with no extension. On OSX it prompts and adds the csv extension.

from react-csv.

Correction: the "not prompting" is a browser setting. If it is set not to prompt (which is the default), then it saves the file without the cvs file extension on windows and linux, with on osx.

from react-csv.

Could this issue be related to browser MIME compatibility?

from react-csv.

Has anybody figured out a solution for this? It seems to only effect any browser on Windows.

from react-csv.

+1 experiencing this issue on Windows

from react-csv.

Workaround (hacky way) for this issue is to detect user agent's OS type. You can use https://github.com/duskload/react-device-detect to detect user's OS, and then add file extenstion (.csv) manually on non macOS user @kamarajuPrathi

from react-csv.

Is there any plan on fixing this? I find this issue quite a big one as it's affecting any browser on Windows (also saw this happening on Android, iOS and Linux, by the way)

from react-csv.

This is still happening on Windows OS, although working fine on OSX

from react-csv.

If anyone needs a quick fix for this one, what fixed it for me was manually adding '.csv' to the end of the filename that is passed to react-csv.

e.g. From a quick test, this works:

<CSVLink data={csvData} filename="Your filename.csv">Download me</CSVLink>;

There is a function already in the example website that does this.

Probably adding this logic to Link.js would fix it?

from react-csv.

Workaround (hacky way) for this issue is to detect user agent's OS type. You can use https://github.com/duskload/react-device-detect to detect user's OS, and then add file extenstion (.csv) manually on non macOS user @kamarajuPrathi

But how do i manually add that ?

from react-csv.

@matheusnasser you can append .csv to filename props inside if else statement.

from react-csv.

This can help to solve the problem:
#72 (comment)

from react-csv.