Web ページはファイルを直接読み取ることができないため、フロントエンド フレームワークまたはライブラリを使用する必要があります。一般的に使用されるメソッドには次のものがあります。 XMLHttpRequest オブジェクト: 非同期データ交換に使用され、オブジェクトの作成、リクエストのオープン、リクエストの送信、および応答の処理によってファイルのコンテンツを取得できます。 FileReader オブジェクト: ローカル ファイルの読み取りに使用されます。ファイルの内容は、オブジェクトを作成し、イベント処理関数を追加し、メソッドを呼び出すことによって取得できます。 AJAX フレームワーク: jQuery の $.get() 関数などのより単純な構文を提供し、ファイルの読み取りをより便利にします。
Web ページからファイルを読み取る方法
HTML 自体はファイルを直接読み取ることができません。ファイルを読み取るには、フロントエンド フレームワークまたはライブラリを使用する必要があります。最も一般的に使用されるメソッドは次のとおりです。
XMLHttpRequest
XMLHttpRequest オブジェクトは、サーバーとの非同期データ交換に使用されます。これにより、Web ページはページ全体を更新せずにファイルを読み取ることができます。使用手順は次のとおりです。
onload
イベント リスナーを使用できます。 responseText
プロパティを使用して、ファイルのコンテンツを取得します。 FileReader
FileReader オブジェクトはファイルを読み取るために使用され、通常はローカル ファイルのアップロードを処理するために使用されます。使用手順は次のとおりです。
onload
イベント リスナーに追加します。 readAsText()
メソッドを呼び出して、ファイルの内容をテキストとして読み取ります。 onload
イベント ハンドラー関数で、result
属性を使用してファイルのコンテンツを取得します。 AJAX フレームワーク
jQuery などの AJAX フレームワークは、ファイルを読み取るための簡略化された構文を提供します。たとえば、jQuery を使用してテキスト ファイルを読み取る場合:
<code class="javascript">$.get('file.txt', function(data) { // 在此处理文件内容 });</code>
その他の方法
ファイルを読み取る方法は他にもいくつかありますが、あまり使用されていません:
contentDocument
属性を使用して取得できます。 fetch()
関数を使用してファイルを読み取る新しいメソッドです。読み取りが完了した後に解決される Promise を返します。 どの方法を選択するか
どの方法を選択するかは、特定のニーズによって異なります:
以上がHTMLでファイルを読む方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。