如何使用 JavaScript 从完整路径获取文件名？

给定一个包含文件路径的文件名，任务是从完整路径中获取文件名。有几种方法可以解决这个问题，如下所示：

• replace() 方法：此方法在字符串中搜索定义的值或正则表达式，并返回具有替换定义值的新字符串。

  句法：

  string.replace(searchVal, newvalue)

  参数：此方法接受上面提到的两个参数，如下所述：

  • searchVal：此参数是必需的。它指定将被新值替换的值或正则表达式。
  • newvalue：此参数是必需的。它指定要替换为搜索值的值。

  返回值：它返回一个新字符串，其中定义的值已被新值替换。

• split() 方法：该方法用于将字符串拆分为子字符串数组，并返回新数组。

  句法：

  string.split(separator, limit)

  参数：此方法接受上面提到的两个参数，如下所述：

  • 分隔符：此参数是可选的。它指定用于拆分字符串的字符或正则表达式。如果不使用，将返回整个字符串（一个只有一项的数组）。
  • 限制：此参数是可选的。它指定了指定拆分次数的整数，超出拆分限制的项目将被排除在数组之外。

  返回值：它返回一个新的数组，具有拆分的项目。

• JavaScript Array pop() 方法：此方法删除数组的最后一个元素，并返回已删除的元素。

  句法：

  array.pop()

  返回值：返回任意类型，代表删除的数组项。此项可以是字符串、数字、数组、布尔值或数组中允许的任何其他对象类型。

示例 1：本示例借助正则表达式通过replace() 方法获取文件名。

 
 
     
         
            How to get the file name from a
            full path using JavaScript
        
     
      
     
          
         
            GeeksForGeeks 
        
          
        
        
          
         
            get File Name
        
          
        
        
          
        
            var el_up = document.getElementById("GFG_UP");
            var el_down = document.getElementById("GFG_DOWN");
            var path = "Path = " +
                    "C:\\Documents\\folder\\img\\GFG.jpg";
              
            el_up.innerHTML = path;
          
            function gfg_Run() {
                el_down.innerHTML = path.replace(/^.*[\\\/]/, '');
            }         
         
     

输出：

• 在点击按钮之前：
  
• 点击按钮后：
  

示例 2：此示例借助重复的split()和pop()方法获取文件名。

 
 
     
         
            How to get the file name from a
            full path using JavaScript
        
     
      
     
          
         
            GeeksForGeeks 
        
          
        
        
          
         
            get File Name
        
          
        
        
          
        
            var el_up = document.getElementById("GFG_UP");
            var el_down = document.getElementById("GFG_DOWN");
            var path = "Path = " + 
                    "C:\\Documents\\folder\\img\\GFG.jpg";
            el_up.innerHTML = path;
          
            function gfg_Run() {
                el_down.innerHTML
                    = path.split('\\').pop().split('/').pop();
            }         
         
     
                    

输出：

• 在点击按钮之前：
  
• 点击按钮后：