JavaScript の「要素」から完全なファイル パスを取得するにはどうすればよいですか?

を使用したファイル パスの取得

JavaScript アプリケーションで、選択したファイルのフル パスにアクセスする を使用します。要素は共通の要件です。ただし、セキュリティ上の理由から、ブラウザは通常、ファイルの名前のみを提供します。

指定したコード スニペットは、この制限を示しています。

$('input[type=file]').change(function () {
  var filePath = $('#fileUpload').val();
});

filePath 変数には、ファイルの名前のみが含まれ、ファイルの名前は含まれません。フルパス。

現在制限事項

セキュリティ上の理由により、JavaScript はファイル システムにアクセスできません。 Firefox や Chrome などのブラウザは、ユーザーのプライバシーを保護し、悪意のあるスクリプトによる機密データへのアクセスを防ぐためにファイル名のみを提供します。

Firefox の mozFullPath プロパティ

Firefox は mozFullPath を提供します。ファイル API のプロパティ。ただし、このプロパティにアクセスすると空の文字列が返されます。

$('input[type=file]').change(function () {
  console.log(this.files[0].mozFullPath);
});

代替アプローチ

ブラウザはファイル パスへの直接アクセスを制限しているため、ファイル データを取得するには代替アプローチが必要です。 。 1 つのオプションは、FileReader API を使用することです。これにより、フルパスを必要とせずに、選択したファイルの内容を読み取ることができます。

もう 1 つの方法は、ファイル アップロードをサーバー側で実装することです。安全に取得および処理されます。

以上がJavaScript の「要素」から完全なファイル パスを取得するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。