ReactJs Download a file from local folder

Question

I have this code :

var link= document.createElement("a");
link.setAttribute("download",name);
link.href=uri;
link.target="_blank";
document.body.appendChild(link);
link.click();
link.remove();

Here I am passing -

url ="M:/folderfname/filename.xlsx";
name = "filename.xlsx"

I am getting this error:

Not Allowed To Load Local Resource file://M:/folderfname/filename.xlsx

I am not getting how can I resolve this in react. Or is there any alternative to download file ?

Note: this is not about downloading a single file which I can import and download. FileName to download getting generated dynamically.

First off, you should not use direct DOM manipulation like createElement in React code if you can. Secondly, as the error states, you cannot use local filepaths. Put the file into the public folder of your React app and reference it from there. Like /filename.xlsx — Taxel
– Taxel, Commented Oct 11, 2021 at 8:01

jsejcksn · Accepted Answer · 2021-10-11 08:10:18Z

1

It is not possible to access the local file system in your browser app without explicit permission. One of the browser's primary functions is to prevent this.

You can take a look at the File System Access API for progress in this area. Alternatively, you can operate a web server on your device and communicate with it in your app, using it as a proxy to access the file system. Because you are already writing JavaScript, I suggest that you explore Deno and Node for the server approach.

answered Oct 11, 2021 at 8:10

jsejcksn

34.6k5 gold badges55 silver badges79 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

ReactJs Download a file from local folder

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related