HTML 入力要素を介して選択されたファイルの完全なファイル パスにアクセスするにはどうすればよいですか?

入力ファイル選択からの完全なファイル パスの取得

HTML 入力要素 ()、ファイル名は通常、入力の value プロパティを介してアクセスできます。ただし、セキュリティ上の理由から、ブラウザは完全なファイル パスへの直接アクセスを制限しています。

JavaScript では、HTML5 ファイル API は選択されたファイルに関する情報へのアクセスを提供しますが、これらの API はファイルの完全なパスへのアクセスを許可しません。たとえば、input 要素の files[0] プロパティはファイル名のみを返します。

例外の 1 つは Firefox で、File オブジェクトの mozFullPath プロパティへのアクセスが提供されます。ただし、このプロパティを取得しようとすると、空の文字列が返されます。

ファイル コンテンツを読み取るための代替手段

ブラウザは完全なファイル パスへのアクセスを提供しませんが、代替手段があります。ファイルのコンテンツを読み取るためのアプローチ:

• FileReader API:この API を使用すると、完全なパスを必要とせずに、選択したファイルから読み取ることができます。 FileReader オブジェクトを作成し、ファイルをテキスト、バイナリ データ、またはデータ URL として読み取るために使用できます。
• AJAX アップロード: この手法には、JavaScript と AJAX を使用したアップロードが含まれます。フルパスを必要とせずに、ファイルをサーバー側のエンドポイントに直接送信します。その後、サーバーはファイルに対して必要な操作を実行できるようになります。

以上がHTML 入力要素を介して選択されたファイルの完全なファイル パスにアクセスするにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。