ホームページ > ウェブフロントエンド > jsチュートリアル > JavaScript でパスからファイル名を抽出するにはどうすればよいですか?

JavaScript でパスからファイル名を抽出するにはどうすればよいですか?

Barbara Streisand
リリース: 2024-11-05 05:14:02
オリジナル
485 人が閲覧しました

How to Extract a File Name from a Path in JavaScript?

JavaScript でパスからファイル名を抽出する

ファイル パスを扱うときは、多くの場合、ファイル パスの末尾にあるファイル名を取得する必要があります。パス。 JavaScript では、これは正規表現と文字列操作を活用することで実現できます。

目標:
指定されたフル パス「C:」からファイル名「recycled log.jpg」を抽出します。 Documents and Settingsimgrecycled log.jpg."

ファイル名を抽出する手順:

フル パスからファイル名を取得するには、次の手順に従います:

  1. パス区切り文字を特定します: ディレクトリを区切るのに使用する区切り文字 (「/」または「") を決定します。
  2. 正規表現を使用します: を構成します.*[\/] パターンを使用して、最後の区切り文字までのすべてに一致する正規表現。
  3. 一致したテキストを置換: replace() 関数を適用して、一致したテキストを削除します。フルパス。

JavaScript コード:

<code class="js">var filename = fullPath.replace(/^.*[\/]/, '');</code>
ログイン後にコピー

このコードは、最後の区切り文字までのすべての文字を効果的に削除し、最後の区切り文字だけを残します。 filename 変数のファイル名。

入力と出力の例:

入力: C:Documents and Settingsimgrecycled log.jpg
出力:recycled log.jpg

注: このメソッドは、Windows ("" を使用) と UNIX のような ("/" を使用) の両方のパスを正しく処理します。

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

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート