回答編集履歴
2
Fix sample code
answer
CHANGED
|
@@ -19,7 +19,6 @@
|
|
|
19
19
|
// ディレクトリの相対パス
|
|
20
20
|
let relativePath = file.webkitRelativePath;
|
|
21
21
|
|
|
22
|
-
// ここではテキストファイルとして読み出してみる.
|
|
23
22
|
let fileReader = new FileReader();
|
|
24
23
|
fileReader.onload = (function(theFile) {
|
|
25
24
|
return function(e) {
|
1
Add reference links
answer
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
自分用のアプリケーションでローカルでのみ実行するという前提で回答します。
|
|
2
2
|
|
|
3
|
-
JavaScriptのFile APIを利用す
|
|
3
|
+
JavaScriptのFile APIを利用すると、Chromeで以下のようなコードを書くとディレクトリ内の画像ファイルを取得して表示できます。
|
|
4
4
|
ただ、ディレクトリを選択する際にダイアログがでるので、そこで許可を出す必要があります。
|
|
5
5
|
|
|
6
6
|
個人用のアプリケーションでセキュリティリスクがないのであれば、アップロードしても問題ないと思います。
|
|
@@ -38,4 +38,8 @@
|
|
|
38
38
|
});
|
|
39
39
|
```
|
|
40
40
|
こちらにサンプルコードを上げましたので、よろしければ参考にしてください。
|
|
41
|
-
[サンプルコード:CodePen](https://codepen.io/shgtkshruch/pen/PoqZrYa)
|
|
41
|
+
[サンプルコード:CodePen](https://codepen.io/shgtkshruch/pen/PoqZrYa)
|
|
42
|
+
|
|
43
|
+
参考リンク
|
|
44
|
+
- [Reading local files in JavaScript - HTML5 Rocks](https://www.html5rocks.com/en/tutorials/file/dndfiles/)
|
|
45
|
+
- [[Javascript] input要素(file)で、ディレクトリを丸ごと選択する - YoheiM .NET](https://www.yoheim.net/blog.php?q=20170203)
|