input type=”file” の初期値をセットする方法は？

Question

input type=”file” で選択したファイルを、ブラウザ再立ち上げ時に、初期値としてセットすることはできないでしょうか？

検索してみますと、セキュリティ的な問題で、input type=”file”の書き換えができないように、制限されているとのことでしたが、なんとかして実現したいです。

一案としまして、Chrome拡張として作成し、chrome.storageに<input type="file">の要素ごと保存しておく方法を思いつきましたが、
chrome.storageに要素の保存はできないようです。
他に、IndexedDB等もあるようですが、今すぐに試すことはできないため、確認できない状態です。

どなたか、何らかの実現方法をご存じの方がいらっしゃいましたら、ご教授いただきたいです。
よろしくおねがいします。

Answer 1

fileに初期値設定はできません
ただしサーバー側からファイルを渡しておいて、サブミット（もしくは非同期処理）で渡すときに一緒に渡すことは可能です

Comments

[nakanohitobot]

ご回答いただき、ありがとうございます。
やはり厳しいですか。<input type="file">の要素ごと選択したファイルを保存しておく方法もあるかとおもったのですが、それも難しいですかね。
クライアント側でちょっとjsをいじればなんとかなると思ったのですが・・・やはりサーバー側で対応しないと駄目ですかね。

[yambejp]

もしクライアント側のPCのファイルに無手順でアクセスしたいということなら、それはできません。
ファイル指定をさせるUIがユーザーフレンドリーじゃなくて分かりづらいというだけなら、ドラッグアンドドロップでファイルを選択させるなど、やりようはあるでしょう

[nakanohitobot]

ありがとうございます。
そうですよね。ローカルのファイルに自由にアクセスできてしまったたら、色々とまずいですよね。

[yambejp]

もしくは・・・
事前に選んでおいたファイルを別のページでも利用して送ることなら無理すればできないことはありません。
とにかく一度はユーザーが手順を踏んで選ぶ必要があるということです

[nakanohitobot]

再立ち上げ時も、ファイルを選択する必要があるということですよね。
できることなら、ブラウザを閉じても選択の必要がないといいですが、それが無理なのはわかりました。

ご参考までに、仰る方法を詳しく聞かせていただけると幸いです。
お手数おかけして申し訳ないですが、よろしくおねがいします。

[yambejp]

一度掴んだデータを文字列化してlocalStorageに放り込んでおくと再利用が可能です

[nakanohitobot]

ありがとうございます。調べてみます。