javascriptは初心者なのですが、
サンプルコードなどを組み合わせながらwebアプリを作っています。
その中でのファイル読み込みについての質問です。
htmlで
<input type="file" class="input_02_file" multiple/>
と書き、.js内で
var B = doc.querySelector(".input_02_file").files
とするとblob型のファイルリストがBに入ります。
しかし、毎回ファイル指定する必要があり面倒です。
なので、スクリプトと同じディレクトリにファイルを置き、読み込めたらと考えました。
希望はBが自動で読み込まれることなのですが、できるでしょうか。
いろいろ調べてみましたが、分からず質問させていただきました。
ヒントでも頂ければ幸いです。宜しくお願い致します。
追記
コメントありがとうございます。アプリは、画像を readAsDataURL()
でいくつか読み込み、それをスライダーで切り替えるイメージです。
初期状態で画像のサンプルを読み込みたいです。
blob型かFileインスタンスを絶対パス(".images/sample.png"
)から作成できれば、上の関数で画像を読めるのですが。
https://stackoverflow.com/questions/25046301/convert-url-to-file-or-blob-for-filereader-readasdataurl
この辺りが参考になるかと思い、読んでいます。
<input type="file">
で選択するようなクライアント側のファイルを読み込みたいなら、それをサーバー上のスクリプトと同じディレクトリに置くというのは無理な話では?どんなWebアプリを作ろうとしているのか書いていただけると、想像しやすいのですが・・・。