[解決済み】JavaScriptで、ファイル入力要素の「クリック」イベントをプログラム的に発生させることはできますか?
2022-04-17 19:33:50
質問
のクリックイベントを発生させたい。
<input type="file">
タグをプログラムで作成します。
click()を呼び出すだけでは何もしないようで、少なくともファイル選択ダイアログはポップアップされません。
リスナーを使ってイベントを捕捉し、イベントをリダイレクトすることを試していますが、誰かがクリックしたようなイベントを実際に実行させることはできていません。
どのように解決するのですか?
すべてのブラウザーでそれができるわけではありませんが、おそらく IE が行います。 しかし、MozillaとOperaはそれを許さない。
GMailでメールを作成する際、「ファイルを添付する」機能は、IEやこれに対応したブラウザではある方法で実装され、Firefoxやこれに対応していないブラウザでは別の方法で実装されます。
なぜできないのかわかりませんが、ひとつだけ は セキュリティ上のリスクがあり、どのブラウザでも行うことが許されていないのは、HTMLのファイル要素にプログラム的にファイル名を設定することです。
関連
-
[解決済み】document.getElementByIDは関数ではありません。
-
[解決済み] 解決済み】clearInterval()が動作しない [重複] [重複]
-
[解決済み】SyntaxError: 期待された式が、'<'を得た。
-
[解決済み] JavaScriptで空文字列/未定義文字列/null文字列をチェックするにはどうすればよいですか?
-
[解決済み] How can I set the default value for an HTML <select> element?
-
[解決済み] JavaScriptでURLの#hashを確認する方法は?
-
[解決済み] 入力フィールドに :before や :after 疑似要素を使用できますか?
-
[解決済み] JavaScriptを使用して、セレクトボックス要素の値をプログラムで設定するにはどうすればよいですか?
-
[解決済み】JavaScriptでファイルの拡張子を取得する方法は?
-
[解決済み] ブラウザがファイルのダウンロードを受信したことを検出する
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み】このエラーの原因は何ですか - "Fatal error: ローカルgruntを見つけることができません"
-
[解決済み】Javascript:getElementById対getElementsById(両方が別のページで動作する)。
-
[解決済み】Uncaught TypeError: nullのプロパティ'value'を読み取ることができない
-
[解決済み】ある要素を別の要素に移動させるには?
-
[解決済み】JavaScriptのボタンonclickが機能しない
-
[解決済み】WebpackとBabelで「このファイルタイプを扱うには適切なローダーが必要な場合があります。
-
[解決済み】getElementByIdはnullを返す?[クローズド]
-
[解決済み】JavaScriptで相対URLへのリダイレクトを行う
-
[解決済み】PhantomJS 2.1.1を使用してReactJSアプリケーションをレンダリングできない理由とは?
-
[解決済み】HTMLの最初の行に予期しないトークン<がある。