以角度4读取和写入文件

Question

I am trying to create an offline Todo List in Angular 4 .

But I am not able to find any way to store data in a file at Client side using javaScript or Angular.

I am using localStorage of browser right now but it is very slow and it makes my program browser dependent.

please provide a way to create files at client side or any suggestions

Answer 1

To download file or save file

    /**
     * Method is use to download file.
     * @param data - Array Buffer data
     * @param type - type of the document.
     */
    downLoadFile(data: any, type: string) {
        var blob = new Blob([data], { type: type.toString() });
        var url = window.URL.createObjectURL(blob);
        window.open(url);
    }

Answer 2

What you are trying is not possible and it should not be possible for security reasons. I would not expect any webpage would have access to my file system.

If you are building an offline application and it is a desktop app you might try to check electron . But that's only if it is a desktop application, if it runs in the browser then it is just not possible.

Answer 3

We can use IndexDb or websql for offline application.

For more details you can check on following URL

https://www.codeproject.com/Articles/820391/A-Very-Simple-Example-of-HTML-OFFLINE-Database-ind

Hope this will Help :)