Есть ли способ, чтобы я мог получить последнее значение (на основе символа "\" ) из полного пути?
Пример:
C:\Documents and Settings\img\recycled log.jpg
В этом случае я просто хочу получить recycled log.jpg из полного пути в JavaScript.
Как получить имя файла из полного пути с помощью JavaScript?
Ответ 1
var filename = fullPath.replace(/^.*[\\\/]/, '')
Это будет обрабатывать как \OR/in paths
Ответ 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 и Pop, благодаря bobince!
Ответ 3
В Node.js вы можете использовать модуль анализа пути...
var path = require('path');
var file = '/home/user/dir/file.txt';
var filename = path.parse(file).base;
//=> 'file.txt'
Ответ 4
На какой платформе появился путь? Пути Windows отличаются от путей POSIX, отличных от путей Mac OS 9, отличаются от путей RISC OS, разные...
Если это веб-приложение, где имя файла может поступать с разных платформ, нет ни одного решения. Однако разумный удар - использовать как "\" (Windows), так и "/" (Linux/Unix/Mac, а также альтернативу в Windows) в качестве разделителей путей. Здесь версия, отличная от RegExp, для дополнительного удовольствия:
var leafname= pathname.split('\\').pop().split('/').pop();
Ответ 5
Ates, ваше решение не защищает от пустой строки в качестве входных данных. В этом случае он терпит неудачу с TypeError: /([^(\\|\/|\:)]+)$/.exec(fullPath) has no properties.
bobince, здесь версия nickf, которая обрабатывает разделители DOS, POSIX и HFS (и пустые строки):
return fullPath.replace(/^.*(\\|\/|\:)/, '');
Ответ 6
Следующая строка кода JavaScript даст вам имя файла.
var z = location.pathname.substring(location.pathname.lastIndexOf('/')+1);
alert(z);
Ответ 7
Не более кратким, чем nickf answer, но этот непосредственно "извлекает" ответ вместо замены нежелательных частей пустой строкой:
var filename = /([^\\]+)$/.exec(fullPath)[1];
Ответ 8
Вопрос, задающий вопрос "получить имя файла без расширения", приведен здесь, но для этого нет решения. Вот решение, модифицированное из решения Bobbie.
var name_without_ext = (file_name.split('\\').pop().split('/').pop().split('.'))[0];
Ответ 9
Я использую:
var lastPart = path.replace(/\\$/,'').split('\\').pop();
Он заменяет последний \, поэтому он также работает с папками.
Ответ 10
Другой
var filename = fullPath.split(/[\\\/]/).pop();
Здесь split имеет регулярное выражение с классом символов
Два символа должны быть экранированы с помощью \
И у этого есть массив для разделения.
var filename = fullPath.split(['/','\\']).pop();
Легко вставить разделители в массив, если вы этого хотите!
Если вы кодируете строку в вашей программе, вам нужно избежать обратной косой черты !
Например, "C:\\Documents and Settings\\img\\recycled log.jpg"
Ответ 11
<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>
Ответ 12
Полный ответ:
<html>
<head>
<title>Testing File Upload Inputs</title>
<script type="text/javascript">
function replaceAll(txt, replace, with_this) {
return txt.replace(new RegExp(replace, 'g'),with_this);
}
function showSrc() {
document.getElementById("myframe").href = document.getElementById("myfile").value;
var theexa = document.getElementById("myframe").href.replace("file:///","");
var path = document.getElementById("myframe").href.replace("file:///","");
var correctPath = replaceAll(path,"%20"," ");
alert(correctPath);
}
</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>
Ответ 13
Маленькая функция для включения в ваш проект для определения имени файла по полному пути для 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)
}
Ответ 14
<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>
Ответ 15
Успешно Script для вашего вопроса, Full Test
<script src="~/Scripts/jquery-1.10.2.min.js"></script>
<p title="text" id="FileNameShow" ></p>
<input type="file"
id="myfile"
onchange="javascript:showSrc();"
size="30">
<script type="text/javascript">
function replaceAll(txt, replace, with_this) {
return txt.replace(new RegExp(replace, 'g'), with_this);
}
function showSrc() {
document.getElementById("myframe").href = document.getElementById("myfile").value;
var theexa = document.getElementById("myframe").href.replace("file:///", "");
var path = document.getElementById("myframe").href.replace("file:///", "");
var correctPath = replaceAll(path, "%20", " ");
alert(correctPath);
var filename = correctPath.replace(/^.*[\\\/]/, '')
$("#FileNameShow").text(filename)
}
Ответ 16
Это решение намного проще и универсальнее как для "имени файла", так и для "пути".
const str = 'C:\\Documents and Settings\\img\\recycled log.jpg';
// regex to split path to two groups '(.*[\\\/])' for path and '(.*)' for file name
const regexPath = /^(.*[\\\/])(.*)$/;
// execute the match on the string str
const match = regexPath.exec(str);
if (match !== null) {
// we ignore the match[0] because it the match for the hole path string
const filePath = match[1];
const fileName = match[2];
}
Ответ 17
var file_name = file_path.substring(file_path.lastIndexOf('/'));
Ответ 18
function getFileName(path, isExtension){
var fullFileName, fileNameWithoutExtension;
// replace \ to /
while( path.indexOf("\\") !== -1 ){
path = path.replace("\\", "/");
}
fullFileName = path.split("/").pop();
return (isExtension) ? fullFileName : fullFileName.slice( 0, fullFileName.lastIndexOf(".") );
}
Ответ 19
var fileName = filePath.split('/').pop();
Это работает для меня.
Ответ 20
<script type="text\javascript">
var path = '<%=Request.Url.GetLeftPart(UriPartial.Authority) + Request.ApplicationPath %>';
</script>
относятся к http://www.codeprojectdownload.com