test.html

<html lang="en-us">

<head>
    <title></title>
    <script src="storagepool.js"></script>
</head>

<body>
    <script>
        StoragePool("test-container").then(function (container) {
            container.count().then(function (count) {
                console.log("file count: " + count);
            });

            container.list().then(function (list) {
                for (var i = 0; i <= list.length - 1; i++) {
                    console.log(i + ": " + list[i])
                }
            });

            var blob = new container.StorageBlob("/test/path/test.png");
            var fetch = function () {
                blob.fetch("my-logo-black-small.png").then(function () {
                    blob.read().then(function (file) {
                        var url = window.URL || window.webkitURL;
                        var source = url.createObjectURL(file);
                        var test = document.createElement("img");
                        test.setAttribute("src", source);

                        document.getElementById("file").appendChild(test);
                        url.revokeObjectURL(file);
                        console.log(file);
                    });
                });
            };

            var write = function () {
                blob.write("This is the test contents of test.txt").then(function () {
                    blob.read().then(function (file) {
                        document.getElementById("file").innerText = file;
                        console.log(file);
                    });
                });
            };

            blob.exists().then(function (exists) {
                if (exists) {
                    blob.delete().then(function () {
                        // write();
                        fetch();
                    });
                } else {
                    // write();
                    fetch();
                }
            });
        });
    </script>
    <div id="file"></div>
</body>

</html>