使用字符串操作来获取图片路径中的文件名

2023-08-13 10:00:19 浏览数 (1)

test.html

代码语言:javascript复制
<!DOCTYPE html>
<html>
<head>
</head>
<body>
  <script>
    const path = "localhost:8080/chemApp/poi/static/img/pot/12.png";
    const fileName = path.substring(path.lastIndexOf('/')   1);
    console.log(fileName); // 输出 "12.png"
  </script>
</body>
</html>

代码使用了字符串操作来获取路径中的文件名,并将结果存储在变量fileName中,然后通过console.log输出了结果。

解释一下代码的含义:

代码语言:javascript复制
const path = "localhost:8080/chemApp/poi/static/img/pot/12.png";

这行代码定义了一个变量path,存储了一个路径字符串。

代码语言:javascript复制
const fileName = path.substring(path.lastIndexOf('/')   1);

使用了字符串的substring和lastIndexOf方法来获取路径中的文件名。让我们逐步解释:

path.lastIndexOf('/'):lastIndexOf方法返回指定字符(斜杠/)在字符串中最后一次出现的索引。在这里,它返回最后一个斜杠/的索引位置。

1:将最后一个斜杠的索引位置加1,以获取文件名的起始位置。

path.substring(...):substring方法截取字符串中指定范围的部分。在这里,它使用起始位置作为参数,截取从斜杠后面的部分,并将结果赋值给变量fileName。

代码语言:javascript复制
console.log(fileName); // 输出 "12.png"

最后,使用console.log输出变量fileName的值。

根据你提供的代码和路径,fileName将被赋值为"12.png",并通过console.log输出。它提取了路径中最后一个斜杠后面的部分,即文件名。

0 人点赞