使用字符串操作来获取图片路径中的文件名
test.html
<!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输出了结果。
解释一下代码的含义：
const path = "localhost:8080/chemApp/poi/static/img/pot/12.png";这行代码定义了一个变量path，存储了一个路径字符串。
const fileName = path.substring(path.lastIndexOf('/') + 1);使用了字符串的substring和lastIndexOf方法来获取路径中的文件名。让我们逐步解释：
path.lastIndexOf('/')：lastIndexOf方法返回指定字符（斜杠/）在字符串中最后一次出现的索引。在这里，它返回最后一个斜杠/的索引位置。
+1：将最后一个斜杠的索引位置加1，以获取文件名的起始位置。
path.substring(...)：substring方法截取字符串中指定范围的部分。在这里，它使用起始位置作为参数，截取从斜杠后面的部分，并将结果赋值给变量fileName。
console.log(fileName); // 输出 "12.png"最后，使用console.log输出变量fileName的值。
根据你提供的代码和路径，fileName将被赋值为"12.png"，并通过console.log输出。它提取了路径中最后一个斜杠后面的部分，即文件名。
本文参与 腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。
原始发表：2023-08-11，如有侵权请联系 cloudcommunity@tencent.com 删除
评论
登录后参与评论
推荐阅读
相关产品与服务
对象存储
对象存储（Cloud Object Storage，COS）是由腾讯云推出的无目录层次结构、无数据格式限制，可容纳海量数据且支持 HTTP/HTTPS 协议访问的分布式存储服务。腾讯云 COS 的存储桶空间无容量上限，无需分区管理，适用于 CDN 数据分发、数据万象处理或大数据计算与分析的数据湖等多种场景。
腾讯云开发者
