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

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

Mary-Kate Olsen
Mary-Kate Olsenオリジナル
2024-12-23 13:52:14484ブラウズ

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 サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。