ブラウザに表示されたボタンを選択してファイルを持たせるのではなく、JavaScriptを使用しファイルを持たせるやり方を探しています。
よろしくお願いします。
-
質問の内容では具体的な機能イメージがわきませんでした。ユーザの動作はブラウザの動作はどういうイメージになるのか具体的に教えて下さい。実際にそのような実装をしているサイト等があるとよりわかりやすいでしょう。– keitaro_soCommented 2021年7月6日 11:53
-
使用意図的には、ユーザーが選択したファイルを保持させ続けたいというものです。 ページ移動した際などtype='file'でユーザーが選択したファイルが消えてしまうので、(vuexなどで)一時的に保持したファイルを同じページに戻った際にJavascriptなどを使用し機械的に格納(選択済み)したいのです。– Jue YnCommented 2021年7月6日 14:07
コメントを追加
|
1 件の回答
抽象的な回答となります
まずJSを使ったローカルファイルの扱いはセキュリティのため自由度は低いです。特定のファイルパスを知っていたとしてもそのファイルをJSでinputタグに設定するということはできません
このためinputにファイルを設定してもらうには必ずユーザの操作が必要です
ページ遷移をしてもファイルを保持したいという要望を満たす場合は、ページ遷移後もユーザに設定しもらったinputのDOMを保持し続ける必要があります
SPAなどの場合は表示制御とhistory APIを使ってそういったことを行うことが可能です(自前でやるのはつらいですが)
IonicやjQuery MobileなどはDOMを残しながらページ遷移の振る舞いを行うフレームワークです(アプリのナビゲーションUIを実現するため)
一般的なフォーム、たとえばお問い合わせページなどでファイルを添付し確認画面を出したいというケースの場合はダイアログを画面上に出すことが多いと思います。実際にページ遷移してdomを破棄するとファイル情報がなくなるためです
あとは投機的に添付ファイルが設定されたものはすぐにサーバにアップロードして、利用がなければ破棄するという実装も考えられます
要件次第だとは思いますが参考になれば幸いです