jQuery で隠しファイル入力ボックスをトリガーするにはどうすればよいですか?

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

jQuery を使用してアップロード ボックスを開始するために、 method:

$('#fileinput').trigger('click');

しかし、それは失敗することが判明しました。ここで疑問が生じます: jQuery を使用してファイル入力ボックスを正常にトリガーするにはどうすればよいですか?

セキュリティ制限と回避策

失敗した試行はセキュリティ制限に起因する可能性があります。 を実行すると、セキュリティ制限が課されることに注意することが重要です。

この制限を回避するには、 要素を非表示にします。

要素をビューポートの外に配置するには、position:absolute および top:-100px を設定します。この位置のずれにより、トリガー メカニズムが効果的に機能するようになります。

そのようなソリューションの例を次に示します: http://jsfiddle.net/DSARd/1/

このアプローチは基本的にブラウザを騙します。要素がビューポートの外にあると認識されるため、トリガー メカニズムが意図したとおりに動作できるようになります。

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