クライアント側のファイル システムにアクセスできるようにするインターフェイスに取り組んでいます。ユーザーはファイル システムをブラウズし、ディレクトリを選択できる必要があります。システムには、選択したディレクトリのファイルとサブディレクトリのリストが表示されます。
HTML5 File API を使用してみましたが、ユーザーはファイルのみを選択できるようです (フォルダーは選択できません)。
この方向のポインタ/ヘルプをいただければ幸いです。
クライアント側のファイル システムにアクセスできるようにするインターフェイスに取り組んでいます。ユーザーはファイル システムをブラウズし、ディレクトリを選択できる必要があります。システムには、選択したディレクトリのファイルとサブディレクトリのリストが表示されます。
HTML5 File API を使用してみましたが、ユーザーはファイルのみを選択できるようです (フォルダーは選択できません)。
この方向のポインタ/ヘルプをいただければ幸いです。
セキュリティ上の問題が発生する可能性があるため、これは JavaScript では実行できません。JavaScript を使用してアクセスできるのは、ファイル ダイアログを介してユーザーが選択したファイルのみです。
File APIに関する非常に優れた記事をまだ読んでいない場合は、こちらを参照してください。
まだ未解決の問題である場合は、あなたに役立つ解決策を教えてください.
HTML
ディレクトリを選択するためのファイル入力:
<input type="file" id="file-input" webkitdirectory="" directory=""/>
JavaScript
次のスクリプトは、指定されたフォルダーとすべてのサブフォルダーからすべてのファイルを収集します。サブサブフォルダーなどからでも。
$("#file-input").on("change", function(e) {
var thefiles = e.target.files;
$.each(thefiles, function(i, item) {
var thefile = item;
var reader = new FileReader();
reader.onload = function() {
files.push(thefile);
};
reader.readAsArrayBuffer(thefile);
});
});