在 javascript 中获取文件名的最佳方法
在 JavaScript 中获取文件名的常见问题是,它返回整个路径,而不是仅返回文件名。这可能会给您带来困扰,尤其是当您希望在 UI 中仅显示文件名时。
要获取文件名的最佳方法是使用内置的 substring 方法,如下所示:
// 获取input 文件名 let str = e.target.value; // 使用substring方法提取文件名 let fileName = str.substring(str.lastIndexOf('\') + 1); // 打印文件名 console.log(fileName);
在上面的代码中,我们使用 lastIndexOf 方法查找最后出现的反斜杠 () 字符的索引。该索引加 1 是文件名的起始索引。然后,我们使用 substring 方法提取该索引处的字符串到字符串末尾。
这种方法在所有主要浏览器中都受支持,包括 Internet Explorer。它不会受到反斜杠可能因操作系统而异的潜在问题的困扰。