js字符串截取文件名

可以使用正则表达式来截取JavaScript字符串中的文件名。你可以先通过正则表达式匹配文件路径，并使用split函数将路径字符串分割为数组。然后，使用split函数再次将数组中的最后一个元素即文件名按照"."进行分割，最后得到文件名和文件后缀名。

下面是一个示例代码：

var filePath = "path/to/your/file.txt";
var fileName = filePath.split("/").pop();
var fileExtension = fileName.split(".").pop();

console.log(fileName); // 输出文件名："file.txt"
console.log(fileExtension); // 输出文件后缀名："txt"

相关问题

js onload取不到文件名?

### 回答1：
是的，JavaScript的`onload`事件无法直接获取文件名。但是，你可以通过其他方式获取文件名。比如可以使用`input`元素的`value`属性来获取文件名，或者使用`File`对象的`name`属性来获取文件名。以下是两个示例：

使用`input`元素的`value`属性获取文件名：

<input type="file" onchange="handleFileSelect(this)">
<script>
function handleFileSelect(input) {
  const filename = input.value.split('\\').pop(); // 获取文件名
  console.log(filename);
}
</script>

使用`File`对象的`name`属性获取文件名：

<input type="file" onchange="handleFileSelect(this)">
<script>
function handleFileSelect(input) {
  const file = input.files[0];
  const filename = file.name; // 获取文件名
  console.log(filename);
}
</script>

### 回答2：
在JavaScript中，通过onload事件监听图片、视频等文件加载完成后执行相应操作是常见的需求。然而，对于文件的完整路径或文件名，并不能直接通过onload事件获取。

原因在于，当使用input标签的type为file时，用户选择文件后，其完整路径是不可访问的，考虑到安全问题，浏览器不允许将文件路径信息直接暴露给JavaScript。

但是，我们可以通过以下方式间接获取文件名：

1. 使用文件上传组件：
我们可以使用HTML表单中的文件上传组件，通过表单提交来获取文件对象，然后通过文件对象的name属性获取文件名。

2. 字符串截取：
如果将文件路径作为一个字符串，可以通过字符串截取的方式来获取文件名。通常情况下，用户选择文件后，文件路径会被浏览器转化为C:\fakepath\文件名这种形式，可以针对这种情况进行字符串的截取。

综上所述，通过JavaScript的onload事件直接获取文件名是不可行的，但我们可以通过其他方法获取到文件名。

用js江http://192.168.2.114:8084/api/v1/file/download/1650415297497448450截取1650415297497448450

的文件名应该怎么写？

你可以使用 JavaScript 的字符串操作函数来截取文件名。首先，将文件路径存储在一个变量中，然后使用 split() 函数根据斜杠 / 进行分割，得到一个字符串数组，其中最后一个元素就是文件名。最后，使用 substr() 函数截取文件名中的目标字符串即可。以下是代码示例：

const filePath = "http://192.168.2.114:8084/api/v1/file/download/1650415297497448450";
const fileName = filePath.split("/").pop().substr(0, 19);
console.log(fileName); // 输出：1650415297497448450

这段代码中，pop() 函数用于获取数组中最后一个元素，“1650415297497448450” 就是我们要截取的文件名。substr(0, 19) 则用于截取文件名中的目标字符串，起始位置为 0，截取长度为 19，即完整的文件名长度。