質問: ### 前提・実現したいこと 現在、HTML・CSS・jsファイルで構成された、ブラウザで動くプログラムを作っています(独学ですのでもしおかしな日本語を書いていたらすみません)。 ネットには接続せず、ローカルな環境で動くプログラムです。 これに、エクスプローラーを開くことのできるリンクを貼り付けたいと考えています。 具体的には、例えば ``` ``` と書くことで、ファイルを「参照」し、選択することのできるボタンのようなものが作成できると思います。 この「参照」のように、ファイルの名前を変えたり新しいフォルダを作ったり、そういうエクスプローラーを実際に開いてある程度操作できるようなリンクを貼ることができれば......と考えています。 ### 試したこと ``` ``` でフォルダの場所を指定する。 →ブラウザで開き、その中身を操ることはできませんでした。 ### 補足情報(言語/FW/ツール等のバージョンなど) javascriptではローカルなファイルの操作は難しいという書き込みをネットで見かけました。フォルダを開くリンクを貼るのも難しいでしょうか。 もしそれができないなら、のレイアウトを変えて、「ファイルを選択」「ファイルが選択されていません」という文字を変えたり消したりすることができれば、それだけでも、と思うのですが......。 よろしくお願いします。
回答: > > javascriptではローカルなファイルの操作は難しいという書き込みをネットで見かけました。 > > > その理解の通りだと思います。 > > もしそれができないなら、のレイアウトを変えて、「ファイルを選択」「ファイルが選択されていません」という文字を変えたり消したりすることができれば、それだけでも、と思うのですが......。 > > > HTML5 の File API をサポートしているブラウザであれば、input type="file" ... でファイルの選択が完了すると change イベントが発生するので、それにリスナをアタッチし、そのリスナでファイルが選択されているかとか、選択されたファイルのタイプ/サイズを調べてブラウザ上に表示するというようなことなら可能です。 具体例は、余計なコードが多々あるので見づらいと思いますが、以下の記事の JavaScript のコードの 045 行 ~ 128 行あたりを見てください。 canvas の画像をアップロード http://surferonwww.info/BlogEngine/post/2015/07/02/upload-image-drawn-on-html5-canvas.aspx