從URL和帶文件擴展名獲取文件名

Question

我需要得到的文件名沒有從URL的擴展名，並不能完全到達那裏。

這裏是我的網址有問題： https://www.mealenders.com/shop/index.php/shop/solo-pack.html

這是我已經試過：

function() { 
var value={{Page Path}}.split("/"); 
return value.reverse()[0]; 
} 

，幾乎讓我有它返回「獨奏pack.html」。我還需要做些什麼才能擺脫這個「.html」？

在此先感謝。

Answer 1

你可以做使用JavaScript以下。 Pop返回字符串的最後一個元素，然後可以使用replace函數來獲取文件名，而不是.html。

function getFilename() { 
    return {{ Page Path }}.split('/').pop().replace('.html', ''); 
} 

我看到{{頁路徑}}可能是一些模板語言，但你可以修改上面的腳本，得到當前的URL，然後拿到文件名作爲如此。

function getFilename() { 
    return window.location.href.split('/').pop().replace('.html', ''); 
} 

此外，你可以使它更具動態性來處理任何文件擴展名如下。您需要使用indexOf然後sub string從文件名開始到期間的位置獲取期間指數。

function getFilename() { 
    var filename = window.location.href.split('/').pop(); 
    return filename.substr(0, filename.lastIndexOf('.'); 
} 

Answer 2

function getFileName(url) { 
 
    return url.split("/").pop().split(".")[0]; 
 
} 
 
var url = "https://www.mealenders.com/shop/index.php/shop/solo-pack.html"; 
 
console.log(getFileName(url));

Answer 3

var sFilename = "solo-pack.html"; 
var iIndexOfPeriod = sFilename.indexOf("."); 
var sFilenameWithoutExtension = sFilename.substring(0, iIndexOfPeriod); 

Answer 4

如果您需要擺脫任何擴展，可以使用.replace()用正則表達式：

var url = "https://www.mealenders.com/shop/index.php/shop/solo-pack.html"; 
 

 
function getFilename (path) { 
 
    return path.toString().split('/').pop().replace(/\.\w+$/, ''); 
 
} 
 

 
console.log(getFilename(url));

這將例如改變測試/ index.html的分成index，但index.php.default分成index.php，還有test.name.with.dots.txt→test.name.with.dots

Answer 5

function() { 
var value={{Page Path}}.split("/"); 
var fileName= value.reverse()[0].split('.')[0]; 
return fileName; 
}