Hello,
Just wondering, is there any way that I can get the last value (based on the '\' symbol) from a full path? Example:
C:\Documents and Settings\img\recycled log.jpg
With this case, I just want to get "recycled log.jpg" from the full path in javascript.
What platform does the path come from? Windows paths are different from POSIX paths are different from Mac OS 9 paths are different from RISC OS paths are different...
If it's a web app where the filename can come from different platforms there is no one solution. However a reasonable stab is to use both '\' (Windows) and '/' (Linux/Unix/Mac and also an alternative on Windows) as path separators. Here's a non-RegExp version for extra fun:
var leafname= pathname.split('\\').pop().split('/').pop();
Not more concise than nickf's answer, but this one directly "extracts" the answer instead of replacing unwanted parts with an empty string:
var filename = /([^\\]+)$/.exec(fullPath)[1];
Ates, your solution doesn't protect against an empty string as input. In that case, it fails with "TypeError: /([^(\|\/|\:)]+)$/.exec(fullPath) has no properties".
bobince, here's a version of nickf's that handles DOS, POSIX, and HFS path delimiters (and empty strings): return fullPath.replace(/^.*(\|\/|\:)/, '');
<script type="text/javascript">
function test()
{
var path = "C:/es/h221.txt";
var pos =path.lastIndexOf( path.charAt( path.indexOf(":")+1) );
alert("pos=" + pos );
var filename = path.substring( pos+1);
alert( filename );
}
</script>
<form name="InputForm" action="page2.asp" method="post">
<P><input type="button" name="b1" value="test file button"
onClick="test()">
</form>
<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>