是否有一种方法，我可以得到的最后一个值(基于'\'符号)从一个完整的路径?
例子:
C:\Documents and Settings\img\recycled log.jpg
在这种情况下，我只想从JavaScript的完整路径中回收log.jpg。
当前回答
在您的项目中包含一个小函数，用于从Windows的完整路径以及GNU/Linux和UNIX的绝对路径中确定文件名。
/**
* @param {String} path Absolute path
* @return {String} File name
* @todo argument type checking during runtime
* @see https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/includes
* @see https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/slice
* @see https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/lastIndexOf
* @example basename('/home/johndoe/github/my-package/webpack.config.js') // "webpack.config.js"
* @example basename('C:\\Users\\johndoe\\github\\my-package\\webpack.config.js') // "webpack.config.js"
*/
function basename(path) {
let separator = '/'
const windowsSeparator = '\\'
if (path.includes(windowsSeparator)) {
separator = windowsSeparator
}
return path.slice(path.lastIndexOf(separator) + 1)
}
其他回答
在Node.js中，你可以使用Path的解析模块…
var path = require('path');
var file = '/home/user/dir/file.txt';
var filename = path.parse(file).base;
//=> 'file.txt'
我使用:
var lastPart = path.replace(/\\$/,'').split('\\').pop();
它取代了最后一个\，所以它也适用于文件夹。
<html>
<head>
<title>Testing File Upload Inputs</title>
<script type="text/javascript">
<!--
function showSrc() {
document.getElementById("myframe").href = document.getElementById("myfile").value;
var theexa = document.getElementById("myframe").href.replace("file:///","");
alert(document.getElementById("myframe").href.replace("file:///",""));
}
// -->
</script>
</head>
<body>
<form method="get" action="#" >
<input type="file"
id="myfile"
onChange="javascript:showSrc();"
size="30">
<br>
<a href="#" id="myframe"></a>
</form>
</body>
</html>
Ates，您的解决方案不能防止空字符串作为输入。在这种情况下，它失败的TypeError: /([^(\\|\/|\:)]+)$/.exec(fullPath)没有属性。
这是nickf's的一个版本，它处理DOS, POSIX和HFS路径分隔符(和空字符串):
return fullPath.replace(/^.*(\\|\/|\:)/, '');
var file_name = file_path.substring(file_path.lastIndexOf('/'));
