ホームページ > ウェブフロントエンド > CSSチュートリアル > jQuery を使用してファイル入力を確実にトリガーするにはどうすればよいですか?

jQuery を使用してファイル入力を確実にトリガーするにはどうすればよいですか?

Mary-Kate Olsen
リリース: 2024-12-23 13:52:14
オリジナル
483 人が閲覧しました

How Can I Reliably Trigger a File Input with jQuery?

jQuery を使用したファイル入力のトリガー

jQuery を使用してアップロード参照ボタンをトリガーするのは難しい場合があります。一般的な方法の 1 つは、「trigger('click')」関数の使用です。

この方法を使用すると、セキュリティ制限が発生して機能しなくなる可能性があります。この制限は、ファイル入力要素の表示プロパティが「なし」に設定されているか、可視性が「非表示」に設定されている場合に発生します。

この問題を回避するには、次のスタイルを使用してファイル入力要素をビューポートの外側に配置できます。 :

position: absolute;
top: -100px;
ログイン後にコピー

このメソッドは、機能に影響を与えることなく、ビューから要素を効果的に削除します。

ファイルを配置することによってビューポートの外にある input 要素では、jQuery を使用して参照ボタンを正常にトリガーできます。この回避策は「ハック」とみなされますが、問題を効果的に解決します。

デモは次のとおりです: http://jsfiddle.net/DSARd/1/

これにより、 jQuery を使用して参照ボタンをアップロードします。

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

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート