☰

Ubuntu SDK HTML5 应用程序扫描目录

tag-icon • tag-icon application-development ubuntu-sdk html5
Ubuntu SDK HTML5 应用程序扫描目录

我正在制作一个小型 HTML5 应用程序，因为我还没有接触过 QML（并且可以重用一些外部代码）我正在尝试从目录加载一堆文件，可能在应用程序目录之外，但例如在 中~/Documents/。但要请求它们，我首先必须获取该目录的内容列表。

我怎样才能将这些信息放入我的 JavaScript 范围内？

答案1

如果我没看错的话（https://developer.ubuntu.com/en/phone/apps/html-5/guides/html5-guide/），您可以使用 Web API。

这意味着您可以在 HTML 中使用 <input type="file" multiple> 元素。文件的处理应在 javascript 中完成，请参阅https://docs.webplatform.org/wiki/apis/file/File

完整示例：

<html>
<body>
    <input type="file" id="yourFileID" multiple>
<script>
    document.getElementById('yourFileID').addEventListener('change', handleFileImport, false);

    function handleFileImport(evt) {
        var files = evt.target.files;

        fileReader = new FileReader();

        fileReader.onload = function (evt) {
            console.log(evt.target.result);
        }

        for (var i = 0, f; f = files[i]; i++) {
            fileReader.readAsDataURL(f);
        }
    }
</script>
</body>
</html>

相关内容