Q&A
あ、もしかして Jupyter Notebook はローカルにサーバ立ててサーバとして動いているのか…？
実現したいこと
クライアント上で動作する Blazor WebAssembly でローカルのフォルダやファイルの一覧を表示したいです。
セキュリティ上の制約として、ブラウザ側からローカルのファイルを直接覗けないようになっているということは知識としては知っていますが、例えば Jupyter Notebook ではブラウザからローカルのファイルシステムをがっつり読み書きしているので、Blazor でも同じことができるんじゃないかと考えています。
できれば C# コードのみで実装したいですが、JavaScript と連携する方法でも十分と考えています。
前提
.NET6 Hosted Blazor WebAssembly を使用して、Windows10 Pro 64bit 22H2 上で動かしています。
試したこと
C#/Blazor のほうは情報が拾えずまったく手が出せない状態です。
JavaScript 方面はよわよわなので、何をどう試せばよいのかがわからずここに投稿しています。
コードを一つも掲載できずに申し訳ありませんが、何か糸口になる情報を得られればと思いますのでご協力よろしくお願いします。
「クライアントのローカルフォルダやファイルの一覧を web ページ上に表示」はできないことが確認出来たらこのスレッドはクローズ願います。
別の対策を考えるなどで質問がある場合は、考えが固まったら新たに別のスレッドを立てて質問していただくようお願いします。
回答2件
0
自己解決
とりあえずファイル一覧のような機能はサーバ側からアクセスできる範囲に絞って表示するようにして、クライアント側のローカルファイルについてはドラッグ＆ドロップ等で選択したものだけを扱えるようにしたいと思います。
投稿2023/02/23 22:49
総合スコア217
Web サーバーからクライアント PC のファイルにアクセスする手段は無いはずです。
0
セキュリティ上の制約として、ブラウザ側からローカルのファイルを直接覗けないようになっているということは知識としては知っていますが、
そのとおりです。Blazor はクライアント側はブラウザなので JavaScript でできないことは基本できません。
HTML5 File API を使えば「ローカルのファイルを直接覗」くことはある程度できますが、クライアント PC の「フォルダやファイルの一覧を表示」は基本できません。
そもそも「フォルダやファイルの一覧を表示」して何をしたいのですか？ それを書いてもらえると代案とかが出てくるかも。
投稿2023/02/16 00:32
退会済みユーザー
総合スコア0
回答ありがとうございます。
例えばあるデータを含む csv ファイルが複数あったとして、ページ上でリスト表示して、クリックしたら該当データがグラフで表示されるとかでしょうか。その csv ファイルは同じ WebAssembly から取得/保存させるかもしれないですし、WebAssemlby とは無関係にフォルダに放り込まれるかもしれないです。
何をしたいのか上の説明では理解できないのですが？
その CSV ファイルというのはどこにあるんですか？ サーバーのどこかのフォルダ？ クライアントが自分の PC のフォルダに持っているもの？
どっちにせよ、結局やりたいことは CSV ファイルのデータをグラフで表示なんですか？ それと質問に書いてあった「フォルダやファイルの一覧を表示」とは全くつながらないんですが、どういうこと？？？？？
説明足らずですみません。
すべてクライアント側の話で、サーバは関与しません。
クライアント側のあるフォルダに csv が複数あったとして、まずはそれをリスト表示して選択できるようにならないかと考えています。
さらに、そのリスト表示にサブフォルダが含まれていて、サブフォルダを選択するとそのフォルダに移動できるようになるとなお便利かと考えています。
すでに回答で述べた通り、クライアント側だけでは JavaScript でできることしかできないので、そういうことはできません。質問者さんが Blazor を選んだのはどういう理由か分かりませんが、選択が間違っているとしか思えないのですが・・・
「クライアントのローカルフォルダやファイルの一覧を web ページ上に表示」はできないことが確認出来たらこのスレッドはクローズ願います。
別の対策を考えるなどで質問がある場合は、考えが固まったら新たに別のスレッドを立てて質問していただくようお願いします。
あなたの回答
tips
プレビュー
