セキュリティ制限に違反せずに jQuery を使用してファイル入力をトリガーする方法は?

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

jQuery は HTML 要素を操作する便利な方法を提供しますが、ネイティブ ファイル入力のトリガーはセキュリティ制限により困難な場合があります。

解決策:

この制限を回避する鍵は、ファイル入力がビューポートの外に表示されるようにすることです。効果的であることが証明されている方法の 1 つは、絶対配置を使用して、ファイル入力をビューポートの上または下に配置することです。

たとえば、次のコードは、ファイル入力をビューポートの 100 ピクセル上に配置し、ファイル入力をビューポートなしでトリガーできるようにします。セキュリティ制限の違反:

$('#fileinput').css({
  position: 'absolute',
  top: '-100px'
});
$('#fileinput').trigger('click');

デモ:

このアプローチの実例は、[jsfiddle.net/DSARd/1/](http: //jsfiddle.net/DSARd/1/).

注:

このメソッドは効果的にファイル入力をトリガーしますが、ハッキングと見なされる可能性があります。絶対に必要な場合にのみ使用することをお勧めします。

以上がセキュリティ制限に違反せずに jQuery を使用してファイル入力をトリガーする方法は?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。