Filesystem in browser con Javascript e BrowserFS

Mattepuffo's logo
Filesystem in browser con Javascript e BrowserFS

Filesystem in browser con Javascript e BrowserFS

Programmazione, Javascript - AJAX

BrowserFS è un filesystem da usare nel browser con Javascript che sostanzialmente emula le funzioni di Node.js.

E' possibile usarlo tramite CDN, quindi non c'è nulla da installare.

E' possibile configurarlo per usare diversi backends, che potete visualizzare nella documentazione.

Noi vediamo un esempio veloce che usa LocalStorage:

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
        <title>BrowserFS</title>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/BrowserFS/2.0.0/browserfs.min.js"
                integrity="sha512-mz0EI+Ay1uIJP7rZEX8C/JlTAcHRIQ8Sny4vxmmj8MSzDJgG9NxxY2pUmOGv1lO7imFIFMyjjCzEXEywNgaUdQ=="
                crossorigin="anonymous">
        </script>
        <script>
            BrowserFS.install(window);
            BrowserFS.configure({
                fs: "LocalStorage"
            }, function (e) {
                if (e) {
                    console.log(e);
                }

                let fs = require('fs');
                fs.writeFile('/test.txt', 'Questo è un semplice test!', function (err) {
                    fs.readFile('/test.txt', function (err, contents) {
                        console.log(contents.toString());
                    });
                });
            });
        </script>
    </head>
    <body>
    </body>
</html>

Se devo essere sincero non ho ben capito l'utilità, visto che possiamo ottenere gli stessti risultati senza usare un'altra libreria.

Ma comunque è una cosa in più da sapere.

Enjoy!

Condividi

Commentami!