jQuery でファイル入力をトリガーできないのはなぜですか?それを修正するにはどうすればよいですか?

jQuery を使用してファイル入力をトリガーできません

$('# を介して jQuery を使用してファイル入力アップロード ボックス (参照ボタン) を呼び出そうとしていますfileinput').trigger('click');失敗したことが判明する。根本的な問題を理解し、効果的な解決策を見つけることが重要です。

セキュリティ制限

この問題の根本原因はブラウザのセキュリティ対策にあります。ブラウザーは、セキュリティ上の理由から、非表示または非表示になっているファイル入力要素をトリガーすることを防ぎます。このセキュリティ対策により、ユーザーによるファイル選択の制御が保証されます。

解決策: 入力要素を画面外に配置します

この制限を回避するための賢い解決策は、< を配置することです。入力タイプ="ファイル"/>ビューポートの外側の要素。 Position:absolute と top:-100px; を割り当てることにより、要素はビューからは非表示のままになりますが、jQuery インタラクションには引き続きアクセスできます。

このアプローチは、提供されている JSFiddle (http://jsfiddle.net/DSARd) で実証されています。 /1/) を使用すると、jQuery を使用してファイル入力を正常にトリガーできます。

この方法は「ハック」と考えられるかもしれませんが、実行可能な方法を提供します。ファイル入力のアクティブ化が不可欠な状況の回避策。

以上がjQuery でファイル入力をトリガーできないのはなぜですか?それを修正するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。