javascriptでの、ファイル一覧の所得について

以下のページから拝借させて頂いたhtmlファイル、
https://ameblo.jp/dame-d/entry-11843110627.html
このhtmlファイルと同じフォルダのファイル一覧を所得したいと思います。

html
1<!DOCTYPE html>
2<html>
3<head>
4  <title>テスト</title>
5</head>
6<body>
7<script>
8    function fileListDirectory(files) {
9        var ファイル数 = files.length;
10        var ファイル名 = new Array();
11        var パス     = new Array();
12        for (i=0; i<ファイル数; i++) {
13            ファイル名[i] = files[i].name;
14            パス[i]       = files[i].webkitRelativePath;    // 行Ａ
15        }
16        var 表示内容 = "";
17            for (i=0; i<ファイル数; i++) {
18            if (ファイル名[i] == ".") {                     // 行Ｂ
19                表示内容 += "フォルダ：";
20            }
21            else {
22                表示内容 += "file：";
23            }
24            表示内容 += パス[i] + "<br>";
25        }
26        document.getElementById('表示場所').innerHTML = 表示内容;
27    }
28</script>
29<p><input  type="file"
30    webkitdirectory directory                             
31    onChange="fileListDirectory(this.files)"></p>
32<div id="表示場所" class="red">結果がここに表示されます。</div>
33</body>
34</html>

このファイルの場合、フォルダを指定して一覧を表示していますが、
フォルダを指定するのではなくhtmlファイルがあるフォルダと同じ場所のファイル一覧を表示するには、どの様にして、フォルダを指定すれば良いのでしょうか？

なお、サーバ上ではなくローカルフォルダ上での事です。

jser

2018/01/21 08:41

ブラウザアプリ権限でないと、出来ないと思います。もしくはElectronのようなものを使うか。

行動規範の内容に同意します

回答2件

ブラウザで動作するJavaScriptには「ユーザが自発的にファイルを選んだとき」でないとファイルにアクセスできない制限がかかっています。なので、フォルダも同様にユーザの選択を経由しなければアクセスできません。なので、「フォルダを指定するのではなくhtmlファイルがあるフォルダと同じ場所のファイル一覧を表示するには、どの様にして、フォルダを指定すれば良いのでしょうか？」という質問に対する回答としては**「そもそも仕組み的に不可能」**ということになります。

もし「別にブラウザ越しに見る必要がない、ただ自分のPCのフォルダの中のファイルをJavaScriptで処理したい」という要望でしたら、Node.js等を使ってみるほうがよいでしょう。

投稿2018/01/23 02:43