This tip covers how to load and save a file to the local file system in a web app using javascript.
Web browsers implement strict security measures to protect the local file system from unauthorised access from a web page. It is possible to load a file via a file dialog provided by the local operating system. It is also possible to drag a file from a local operating system file window to a "drop" zone on a web page. File save is more problematic. Some browsers support dragging a file from a web page to a local operating system file window. However, an equivalent save via a local file dialog is not supported and it is not possible to save to a selectable local folder An alternative is to save via a download to a local folder set by the browser.
Load file via a file dialog
.