Как получить имя файла по полному пути, используя JavaScript?

Question

Есть ли способ получить последнее значение (на основе символа '\') из полного пути?

Пример:

C:\Documents and Settings\img\recycled log.jpg

В этом случае я просто хочу получить recycled log.jpg из полного пути в JavaScript.

Answer 1

var filename = fullPath.replace(/^.*[\\\/]/, '')

Это будет обрабатывать оба пути \ OR / in

Answer 2

Просто ради производительности я проверил все ответы, приведенные здесь:

var substringTest = function (str) {
    return str.substring(str.lastIndexOf('/')+1);
}

var replaceTest = function (str) {
    return str.replace(/^.*(\\|\/|\:)/, '');
}

var execTest = function (str) {
    return /([^\\]+)$/.exec(str)[1];
}

var splitTest = function (str) {
    return str.split('\\').pop().split('/').pop();
}

substringTest took   0.09508600000000023ms
replaceTest   took   0.049203000000000004ms
execTest      took   0.04859899999999939ms
splitTest     took   0.02505500000000005ms

И победителем стал ответ Split and Pop , благодаря bobince !

Answer 3

С какой платформы идет путь? Пути Windows отличаются от путей POSIX, отличаются от путей Mac OS 9, отличаются от путей ОС RISC, которые отличаются ...

Если это веб-приложение, в котором имя файла может быть с разных платформ, единого решения не существует. Однако разумным ударом является использование в качестве разделителей пути как «\» (Windows), так и «/» (Linux / Unix / Mac, а также альтернатива в Windows). Вот не-RegExp версия для дополнительного удовольствия:

var leafname= pathname.split('\\').pop().split('/').pop();

Answer 4

В Node.js вы можете использовать Модуль разбора пути ...

var path = require('path');
var file = '/home/user/dir/file.txt';

var filename = path.parse(file).base;
//=> 'file.txt'

Answer 5

Ates, ваше решение не защищает от пустой строки в качестве ввода. В этом случае происходит сбой с TypeError: /([^(\\|\/|\:)]+)$/.exec(fullPath) has no properties.

bobince, вот версия nickf, которая обрабатывает разделители пути DOS, POSIX и HFS (и пустые строки):

return fullPath.replace(/^.*(\\|\/|\:)/, '');

Answer 6

Следующая строка кода JavaScript даст вам имя файла.

var z = location.pathname.substring(location.pathname.lastIndexOf('/')+1);
alert(z);

Answer 7

Не более кратко, чем ответ Никфа , но этот непосредственно "извлекает" ответ вместо замены ненужных частей пустой строкой:

var filename = /([^\\]+)$/.exec(fullPath)[1];

Answer 8

Вопрос с вопросом «получить имя файла без расширения» приведен здесь, но для этого нет решения Вот решение, модифицированное из решения Бобби.

var name_without_ext = (file_name.split('\\').pop().split('/').pop().split('.'))[0];

Answer 9

Я использую:

var lastPart = path.replace(/\\$/,'').split('\\').pop();

Он заменяет последний \, поэтому он также работает с папками.

Answer 10

<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>